@zonos/amino 5.1.66 → 5.1.68

package/components/select/MultiSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("../checkbox/Checkbox.js");require("../help-text/HelpText.js");var n=require("./_StyledReactSelect.js");require("react"),require("clsx"),require("framer-motion"),require("../text/Text.js"),require("styled-components"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var i=function(n){var i=n.children,s=n.getStyles,c=n.innerProps,o=n.label,u=n.options,l=n.selectProps,a=l.value,d=u.filter((function(e){return!e.isDisabled})),p=d.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),j=d.filter((function(e){return e.isSelected})).map((function(e){return e.data})),q=d.length===j.length;return r.jsxs("div",e.__assign({style:s("group",n)},c,{children:[r.jsx("div",{style:s("option",n),children:r.jsx(t.Checkbox,{checked:q,label:"string"==typeof o?o:"",onChange:function(){var e=q?a.filter((function(e){return!j.find((function(r){return r.value===e.value}))})):a.concat(p);l.onChange(e,{action:q?"deselect-group":"select-group",option:q?j:p})}})}),i]}))};exports.MultiSelect=function(t){var s=t.closeMenuOnSelect,c=void 0!==s&&s,o=t.hideSelectedOptions,u=void 0===o||o,l=e.__rest(t,["closeMenuOnSelect","hideSelectedOptions"]);return r.jsx(n.StyledReactSelect,e.__assign({},l,{closeMenuOnSelect:c,components:e.__assign({Group:i},l.components),hideSelectedOptions:u,isMulti:!0}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("../checkbox/Checkbox.js");require("clsx"),require("../text/Text.js"),require("../help-text/HelpText.js");var n=require("./_StyledReactSelect.js");require("react"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js"),require("styled-components"),require("react-select"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");var i=function(n){var i=n.children,s=n.getStyles,c=n.innerProps,o=n.label,u=n.options,l=n.selectProps,a=l.value,d=u.filter((function(e){return!e.isDisabled})),p=d.filter((function(e){return!e.isSelected})).map((function(e){return e.data})),j=d.filter((function(e){return e.isSelected})).map((function(e){return e.data})),q=d.length===j.length;return r.jsxs("div",e.__assign({style:s("group",n)},c,{children:[r.jsx("div",{style:s("option",n),children:r.jsx(t.Checkbox,{checked:q,label:"string"==typeof o?o:"",onChange:function(){var e=q?a.filter((function(e){return!j.find((function(r){return r.value===e.value}))})):a.concat(p);l.onChange(e,{action:q?"deselect-group":"select-group",option:q?j:p})}})}),i]}))};exports.MultiSelect=function(t){var s=t.closeMenuOnSelect,c=void 0!==s&&s,o=t.hideSelectedOptions,u=void 0===o||o,l=e.__rest(t,["closeMenuOnSelect","hideSelectedOptions"]);return r.jsx(n.StyledReactSelect,e.__assign({},l,{closeMenuOnSelect:c,components:e.__assign({Group:i},l.components),hideSelectedOptions:u,isMulti:!0}))};

package/components/select/Select.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { ActionMeta, GroupBase, Props, SelectComponentsConfig, StylesConfig } from 'react-select';
 import { type HelpTextProps } from "../help-text/HelpText";
+import type { BaseProps } from "../../types/BaseProps";
 import type { SelectOption } from "../../types/SelectOption";
 import type { Size } from "../../types/Size";
 type RequiredProps = 'options' | 'value';
@@ -27,6 +28,6 @@ export type SelectProps<Option extends SelectOption = SelectOption, IsMulti exte
      * onChange={changed => setExampleValue(changed?.value || null)}
      */
     onChange: (changed: Option | null, actionMeta: ActionMeta<Option>) => void;
-} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps> & Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>> & HelpTextProps;
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps> & Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>> & HelpTextProps & BaseProps;
 export declare const Select: <Option extends SelectOption, Group extends GroupBase<Option> = GroupBase<Option>>({ isClearable, label, value, ...props }: SelectProps<Option, false, Group>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/select/Select.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime");require("../help-text/HelpText.js");var s=require("./_StyledReactSelect.js");require("styled-components"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("clsx"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(i){var t=i.isClearable,c=void 0===t||t,l=i.label,o=i.value,n=e.__rest(i,["isClearable","label","value"]);if(Array.isArray(o)&&o.length>1)throw Error("Only one selection allowed for '".concat(l,"' select (").concat(o.length,") selected."));return r.jsx(s.StyledReactSelect,e.__assign({},n,{isClearable:c,isMulti:!1,label:l,value:o}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime");require("clsx"),require("../text/Text.js"),require("../help-text/HelpText.js");var s=require("./_StyledReactSelect.js");require("styled-components"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("react"),require("react-select"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../utils/getTestId.js"),require("../../icons/CheckCircleIcon.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(i){var t=i.isClearable,c=void 0===t||t,l=i.label,o=i.value,n=e.__rest(i,["isClearable","label","value"]);if(Array.isArray(o)&&o.length>1)throw Error("Only one selection allowed for '".concat(l,"' select (").concat(o.length,") selected."));return r.jsx(s.StyledReactSelect,e.__assign({},n,{isClearable:c,isMulti:!1,label:l,value:o}))};

package/components/select/_StyledReactSelect.d.ts

@@ -1,6 +1,7 @@
 import { type ReactNode } from 'react';
 import type { GroupBase, OptionProps, Props, SelectComponentsConfig, StylesConfig } from 'react-select';
 import { type HelpTextProps } from "../help-text/HelpText";
+import type { BaseProps } from "../../types/BaseProps";
 import type { SelectOption } from "../../types/SelectOption";
 import type { Size } from "../../types/Size";
 type AdditionalProps<Value> = {
@@ -16,6 +17,6 @@ export type StyledReactSelectProps<Option extends SelectOption, IsMulti extends
     components?: SelectComponentsConfig<Option, IsMulti, Group>;
     size?: Size;
     styles?: StylesConfig<Option, IsMulti, Group>;
-} & Props<Option, IsMulti, Group> & HelpTextProps & AdditionalProps<Option['value']>;
+} & Props<Option, IsMulti, Group> & HelpTextProps & AdditionalProps<Option['value']> & BaseProps;
 export declare const StyledReactSelect: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>({ closeOnOutsideScroll, components, customOption, error, hasGroups, helpText, icon, label, menuPosition, placeholder, size, styles, ...props }: StyledReactSelectProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/stack/Stack.d.ts

@@ -1,5 +1,6 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import type { GridAlignment, GridSpacing } from "../../types";
+import type { BaseProps } from "../../types/BaseProps";
 type DivProps = Omit<HTMLAttributes<HTMLDivElement>, 'translate' | 'style' | 'prefix' | 'contentEditable' | 'inputMode' | 'children'>;
 export type StackProps = {
     /** @default 'unset' */
@@ -7,6 +8,6 @@ export type StackProps = {
     children: ReactNode;
     /** @default 24 */
     spacing?: GridSpacing;
-} & DivProps;
+} & DivProps & BaseProps;
 export declare const Stack: ({ alignment, children, ...otherProps }: StackProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/components/stack/VStack.d.ts

@@ -5,4 +5,4 @@ import { type StackProps } from "./Stack";
  * @param alignment - Optional alignment
  * @param spacing - Optional spacing between elements
  */
-export declare const VStack: ({ children, spacing, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VStack: ({ children, spacing, style, ...props }: StackProps) => import("react/jsx-runtime").JSX.Element;

package/components/stack/VStack.js

@@ -1 +1 @@
-"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),n=require("./Stack.js"),i=require("../../styles/constants/theme.js");function s(e){return e&&e.__esModule?e:{default:e}}var a,c=s(t).default(n.Stack)(a||(a=e.__makeTemplateObject(["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"],["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"])),(function(e){return i.theme["space".concat(e.$spacing)]}));exports.VStack=function(t){var n=t.children,i=t.spacing,s=void 0===i?24:i,a=e.__rest(t,["children","spacing"]);return r.jsx(c,e.__assign({$spacing:s},a,{children:n}))};
+"use strict";var e=require("../../_tslib-ccfac372.js"),r=require("react/jsx-runtime"),t=require("styled-components"),n=require("./Stack.js"),s=require("../../styles/constants/theme.js");function i(e){return e&&e.__esModule?e:{default:e}}var a,c=i(t).default(n.Stack)(a||(a=e.__makeTemplateObject(["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"],["\n  grid-row-gap: ",";\n  grid-auto-flow: row;\n"])),(function(e){return s.theme["space".concat(e.$spacing)]}));exports.VStack=function(t){var n=t.children,s=t.spacing,i=void 0===s?24:s,a=t.style,o=e.__rest(t,["children","spacing","style"]);return r.jsx(c,e.__assign({$spacing:i,style:a},o,{children:n}))};

package/components/textarea/Textarea.js

@@ -1 +1 @@
-"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../help-text/HelpText.js"),a=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js");function l(n){return n&&n.__esModule?n:{default:n}}require("../text/Text.js");var s,d,u,c,p,h=l(o),b=h.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"])),a.theme.radius12,a.theme.border,a.theme.gray300),f=h.default.div(d||(d=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"])),a.theme.radius12),m=h.default.label(u||(u=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"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\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    margin-top: ",";\n    padding: 0 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  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    margin-top: ",";\n    padding: 0 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"])),a.theme.space16,a.theme.space8,a.theme.radius6,a.theme.inputBackground,a.theme.fontSizeBase,a.theme.radius6,a.theme.radius6,a.theme.space24,a.theme.space8,a.theme.space16,m,f,a.theme.inputBackground,a.theme.radius6,a.theme.transition,a.theme.gray400,f,a.theme.glowBlue,f,a.theme.glowError),g=h.default.div(p||(p=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%"}),b,x),w=t.forwardRef((function(o,a){var l=o.className,s=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,j=o.width,k=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),z=!!v,_=t.useRef(null);return i.useHeightAdjustTextarea({maxRows:h,ref:_,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,{$width:j,className:"amino-input-wrapper ".concat(l||""," ").concat(s?"disabled":""),children:[e.jsxs(b,{onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:[e.jsx(x,n.__assign({ref:function(n){a&&"function"==typeof a?a(n):a&&(a.current=n),_.current=n},className:[d?"has-error":"",p?"has-label":"",z?"has-content":""].join(" "),disabled:s,label:p,rows:w,value:v},k)),e.jsx(m,{"data-label":p,onClick:function(){var n;return null===(n=null==_?void 0:_.current)||void 0===n?void 0:n.focus()},children:p}),e.jsx(f,{})]}),e.jsx(r.HelpText,{error:d,helpText:c})]})}));exports.Textarea=w;
+"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../help-text/HelpText.js"),a=require("../../styles/constants/theme.js"),i=require("../../utils/hooks/useHeightAdjustTextarea.js");function l(n){return n&&n.__esModule?n:{default:n}}require("clsx"),require("../text/Text.js"),require("../../style-inject.es-d4ddeae4.js");var s,d,u,c,p,h=l(o),b=h.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"])),a.theme.radius12,a.theme.border,a.theme.gray300),f=h.default.div(d||(d=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"])),a.theme.radius12),m=h.default.label(u||(u=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"])),a.theme.gray800,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.fontSizeBase,a.theme.transition,a.theme.space16),x=h.default.textarea(c||(c=n.__makeTemplateObject(["\n  box-sizing: border-box;\n  position: relative;\n  padding: 0 ",";\n  padding-top: ",";\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    margin-top: ",";\n    padding: 0 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  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    margin-top: ",";\n    padding: 0 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"])),a.theme.space16,a.theme.space8,a.theme.radius6,a.theme.inputBackground,a.theme.fontSizeBase,a.theme.radius6,a.theme.radius6,a.theme.space24,a.theme.space8,a.theme.space16,m,f,a.theme.inputBackground,a.theme.radius6,a.theme.transition,a.theme.gray400,f,a.theme.glowBlue,f,a.theme.glowError),g=h.default.div(p||(p=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%"}),b,x),w=t.forwardRef((function(o,a){var l=o.className,s=o.disabled,d=o.error,u=o.expandable,c=o.helpText,p=o.label,h=o.maxRows,w=o.rows,v=o.value,j=o.width,k=n.__rest(o,["className","disabled","error","expandable","helpText","label","maxRows","rows","value","width"]),z=!!v,y=t.useRef(null);return i.useHeightAdjustTextarea({maxRows:h,ref:y,shouldExpand:!!u,textareaValue:(null==v?void 0:v.toString())||""}),e.jsxs(g,{$width:j,className:"amino-input-wrapper ".concat(l||""," ").concat(s?"disabled":""),children:[e.jsxs(b,{onClick:function(){var n;return null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.focus()},children:[e.jsx(x,n.__assign({ref:function(n){a&&"function"==typeof a?a(n):a&&(a.current=n),y.current=n},className:[d?"has-error":"",p?"has-label":"",z?"has-content":""].join(" "),disabled:s,label:p,rows:w,value:v},k)),e.jsx(m,{"data-label":p,onClick:function(){var n;return null===(n=null==y?void 0:y.current)||void 0===n?void 0:n.focus()},children:p}),e.jsx(f,{})]}),e.jsx(r.HelpText,{error:d,helpText:c})]})}));exports.Textarea=w;

package/components/tooltip/Tooltip.js

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

package/package.json

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

package/components/filter/filter-date/dateUtils.js

@@ -1 +0,0 @@
-"use strict";var e=require("../../../_tslib-ccfac372.js"),t=require("dayjs"),r=require("styled-components"),n=require("../../../styles/constants/theme.js");function a(e){return e&&e.__esModule?e:{default:e}}var s,i=a(t),o=a(r).default.div(s||(s=e.__makeTemplateObject(["\n  width: 100%;\n  display: grid;\n  grid-auto-flow: column;\n  gap: ",";\n  align-items: center;\n"],["\n  width: 100%;\n  display: grid;\n  grid-auto-flow: column;\n  gap: ",";\n  align-items: center;\n"])),n.theme.space8);exports.DateControlsWrapper=o,exports.defaultDateFormat="YYYY-MM-DD",exports.formatDate=function(e){return i.default(e).format("MM/DD/YYYY")};