@zonos/amino 5.5.30 → 5.5.32

package/components/input/input-type/_DateInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../../tslib.es6-8c21e256.js"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),o=require("./_FloatLabelInput.js"),i=require("../../../icons/CalendarIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var d=l(r),s="Amino__DateInput-module__styledWrapper--rZk8N",p="Amino__DateInput-module__styledActionWrapper--8Icp6",c="Amino__DateInput-module__styledButtonAction--OJxoO";u.styleInject(".Amino__DateInput-module__styledWrapper--rZk8N{position:relative;width:100%}.Amino__DateInput-module__styledWrapper--rZk8N input[type=date]::-webkit-calendar-picker-indicator,.Amino__DateInput-module__styledWrapper--rZk8N input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__DateInput-module__styledActionWrapper--8Icp6{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--OJxoO{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--OJxoO:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--OJxoO:focus{outline:none}.Amino__DateInput-module__aminoInput--twaIR input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__aminoInput--twaIR:not(:focus-within):not(.has-content) input::-webkit-datetime-edit-fields-wrapper{opacity:0}");var _=n.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,I=r.error,b=r.inputMode,f=r.label,y=r.onChange,x=r.onKeyDown,A=r.pattern,v=r.placeholder,D=r.prefix,w=r.readOnly,k=r.required,h=r.suffix,q=r.tabIndex,O=r.value,g=t.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),j=n.useRef(null),R=a.useMergeRefs([u,j]);return React.createElement("div",{className:d.default(s,_)},React.createElement(o.FloatLabelInput,e._extends({ref:R,"aria-label":f,autoFocus:l,disabled:m,error:I,inputMode:b,label:f,onChange:y,onKeyDown:x,pattern:A,placeholder:v,prefix:D,readOnly:w,required:k,suffix:h||React.createElement("div",{className:p},React.createElement("button",{className:c,onClick:function(){var e,t;null===(e=j.current)||void 0===e||e.showPicker(),null===(t=j.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},React.createElement(i.CalendarIcon,{size:24}))),tabIndex:q,type:"date",value:O},g)))}));exports.DateInput=_;
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),t=require("../../../tslib.es6-8c21e256.js"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),i=require("./_FloatLabelInput.js"),o=require("../../../icons/CalendarIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function d(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=d(r),p="Amino__DateInput-module__styledWrapper--rZk8N",c="Amino__DateInput-module__styledActionWrapper--8Icp6",_="Amino__DateInput-module__styledButtonAction--OJxoO";u.styleInject(".Amino__DateInput-module__styledWrapper--rZk8N{position:relative;width:100%}.Amino__DateInput-module__styledWrapper--rZk8N input[type=date]::-webkit-calendar-picker-indicator,.Amino__DateInput-module__styledWrapper--rZk8N input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__DateInput-module__styledActionWrapper--8Icp6{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--OJxoO{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--OJxoO:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--OJxoO:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--OJxoO:focus{outline:none}.Amino__DateInput-module__aminoInput--twaIR input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__aminoInput--twaIR:not(:focus-within):not(.has-content) input::-webkit-datetime-edit-fields-wrapper{opacity:0}");var m=n.forwardRef((function(r,u){var d=r.autoFocus,m=r.className,I=r.disabled,b=r.error,f=r.inputMode,y=r.label,x=r.onChange,A=r.onKeyDown,v=r.pattern,j=r.placeholder,h=r.prefix,D=r.readOnly,w=r.required,k=r.suffix,q=r.tabIndex,O=r.value,g=t.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),N=n.useRef(null),B=a.useMergeRefs([u,N]);return l.jsx("div",{className:s.default(p,m),children:l.jsx(i.FloatLabelInput,e._objectSpread2({ref:B,"aria-label":y,autoFocus:d,disabled:I,error:b,inputMode:f,label:y,onChange:x,onKeyDown:A,pattern:v,placeholder:j,prefix:h,readOnly:D,required:w,suffix:k||l.jsx("div",{className:c,children:l.jsx("button",{className:_,onClick:function(){var e,t;null===(e=N.current)||void 0===e||e.showPicker(),null===(t=N.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(o.CalendarIcon,{size:24})})}),tabIndex:q,type:"date",value:O},g))})}));exports.DateInput=m;

package/components/input/input-type/_FloatLabelInput.d.ts

@@ -0,0 +1,127 @@
+import { type ChangeEventHandler, type HTMLInputTypeAttribute, type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
+import type { HelpTextProps } from "../../help-text/HelpText";
+import type { BaseProps } from "../../../types/BaseProps";
+import type { Size } from "../../../types/Size";
+export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
+export declare const getFloatLabelRadius: (size: Size) => string;
+type FloatLabelInputType = BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    /** A label that will be displayed above the input */
+    label?: string;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    /** Input on changed. Required since all inputs must be fully controlled */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    /** Placeholder text to be displayed in the input */
+    placeholder?: string;
+    /** A short string displayed at the beginning of the input */
+    prefix?: ReactNode;
+    /** Determines if the input is editable or not */
+    readOnly?: boolean;
+    /** Determines if the input is required for form validation */
+    required?: boolean;
+    /**
+     * @default 'xl'
+     */
+    size?: Size;
+    /** A short string displayed at the end of the input. Set to `null` to disable */
+    suffix?: ReactNode;
+    tabIndex?: number;
+    /** Determines input type (email, password, etc.) */
+    type?: HTMLInputTypeAttribute;
+    /** Input value. Required since all inputs must be fully controlled */
+    value: string | null;
+    /** An additional value that appears next to the input but cannot be changed by the input */
+    valuePrefix?: ReactNode;
+} & Pick<HelpTextProps, 'error'>;
+export type FloatLabelInputProps = FloatLabelInputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof FloatLabelInputType>;
+/**
+ * Internal input component that implements a floating label pattern.
+ * The label floats above the input when the input has value or is focused.
+ *
+ * This component is used internally by the Input component and supports various
+ * decoration options like prefix, suffix, and valuePrefix.
+ *
+ * @example Basic usage
+ * <FloatLabelInput
+ *   label="Username"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With error state
+ * <FloatLabelInput
+ *   label="Email"
+ *   error={true}
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With prefix and suffix
+ * <FloatLabelInput
+ *   label="Search"
+ *   prefix={<SearchIcon />}
+ *   suffix={<ClearIcon onClick={clearSearch} />}
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With value prefix (for partial content)
+ * <FloatLabelInput
+ *   label="Phone Number"
+ *   valuePrefix="+1"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With different sizes
+ * <FloatLabelInput
+ *   size="sm"
+ *   label="Small Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ */
+export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    /** A label that will be displayed above the input */
+    label?: string;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    /** Input on changed. Required since all inputs must be fully controlled */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    /** Placeholder text to be displayed in the input */
+    placeholder?: string;
+    /** A short string displayed at the beginning of the input */
+    prefix?: ReactNode;
+    /** Determines if the input is editable or not */
+    readOnly?: boolean;
+    /** Determines if the input is required for form validation */
+    required?: boolean;
+    /**
+     * @default 'xl'
+     */
+    size?: Size;
+    /** A short string displayed at the end of the input. Set to `null` to disable */
+    suffix?: ReactNode;
+    tabIndex?: number;
+    /** Determines input type (email, password, etc.) */
+    type?: HTMLInputTypeAttribute;
+    /** Input value. Required since all inputs must be fully controlled */
+    value: string | null;
+    /** An additional value that appears next to the input but cannot be changed by the input */
+    valuePrefix?: ReactNode;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/components/input/input-type/_FloatLabelInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),a=require("../../../tslib.es6-8c21e256.js"),l=require("react"),o=require("clsx"),t=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js");function _(e){return e&&e.__esModule?e:{default:e}}var r=_(o),u="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",p="Amino__FloatLabelInput-module__inputPrefix--ixjzG",d="Amino__FloatLabelInput-module__inputSuffix--uzCo-",s="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",b="Amino__FloatLabelInput-module__aminoInput--obs5G",L="Amino__FloatLabelInput-module__floatingLabel--7yHkN";i.styleInject('.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{align-items:center;background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:center;color:var(--amino-gray-800);display:flex;order:2;padding-left:8px;white-space:nowrap}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{color:var(--amino-gray-800);content:inherit;display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border):has(input:focus){box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error:has(input:focus){box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-value-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;padding-bottom:11px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{margin-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{margin-bottom:-1px;padding-bottom:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:4px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:2px}');var c=function(e){switch(e){case"sm":return"".concat(t.theme.radius6);case"lg":return"".concat(t.theme.radius10);case"xl":return"".concat(t.theme.radius12);default:return"".concat(t.theme.radius8)}},I=l.forwardRef((function(o,t){var i=o.autoFocus,_=o.className,I=o.disabled,f=o.error,F=o.id,A=o.inputMode,y=o.label,h=o.noBorder,g=void 0!==h&&h,x=o.onChange,H=o.onKeyDown,v=o.pattern,j=o.placeholder,q=o.prefix,E=o.readOnly,W=o.required,k=o.size,N=void 0===k?"xl":k,w=o.suffix,G=o.tabIndex,z=o.type,P=o.value,K=o.valuePrefix,R=a.__rest(o,["autoFocus","className","disabled","error","id","inputMode","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),D=l.useId(),V=l.useMemo((function(){return n.getTestId({componentName:"input",name:y})}),[y]),C=!!P||!!K,M=F||D;return React.createElement("label",{className:r.default(u,N,g&&"no-border",f&&"has-error",y&&"has-label",C&&"has-content",q&&"has-input-prefix",K&&"has-value-prefix",_),htmlFor:M,style:{"--amino-float-label-input-border-radius":c(N),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(N,") - 2px)")}},q&&React.createElement("div",{className:r.default(m,p)},q),K&&React.createElement("div",{className:s},K),React.createElement("input",e._extends({ref:t,"aria-label":y,autoFocus:i,className:r.default(b),"data-testid":V,disabled:I,id:M,inputMode:A,onChange:x,onKeyDown:H,pattern:v,placeholder:j,readOnly:E,required:W,tabIndex:G,type:z||"text",value:P||""},R)),React.createElement("div",{className:L},React.createElement("span",null,y)),w&&React.createElement("div",{className:r.default(m,d)},w))}));exports.FloatLabelInput=I,exports.getFloatLabelRadius=c;
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),a=require("../../../tslib.es6-8c21e256.js"),l=require("react"),o=require("clsx"),t=require("../../../styles/constants/theme.js"),n=require("../../../utils/getTestId.js"),i=require("../../../style-inject.es-d4ddeae4.js"),_=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}var u=r(o),p="Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq",m="Amino__FloatLabelInput-module__inputDecorator--U80eQ",d="Amino__FloatLabelInput-module__inputPrefix--ixjzG",s="Amino__FloatLabelInput-module__inputSuffix--uzCo-",b="Amino__FloatLabelInput-module__inputValuePrefix--55sKk",L="Amino__FloatLabelInput-module__aminoInput--obs5G",I="Amino__FloatLabelInput-module__floatingLabel--7yHkN";i.styleInject('.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq{align-items:center;background:var(--amino-input-background);border-radius:var(--amino-float-label-input-border-radius);display:flex;flex-direction:row;position:relative;width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ{align-items:center;background:#0000;display:flex;flex-basis:50px;font-size:var(--amino-font-size-s);font-weight:700;justify-content:center;line-height:var(--amino-font-size-s);padding:0 6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputPrefix--ixjzG{border-bottom-left-radius:var(--amino-radius-6);border-top-left-radius:var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputDecorator--U80eQ.Amino__FloatLabelInput-module__inputSuffix--uzCo-{border-bottom-right-radius:var(--amino-radius-6);border-top-right-radius:var(--amino-radius-6);order:3}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:center;color:var(--amino-gray-800);display:flex;order:2;padding-left:8px;white-space:nowrap}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G{background:var(--amino-input-background);border:0;border-radius:var(--amino-float-label-input-border-radius);box-sizing:border-box;font-weight:500;height:var(--amino-float-label-input-height);order:2;outline:none;padding:0 var(--amino-space-16);position:relative;transition:var(--amino-transition);width:100%}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected{border-radius:var(--amino-radius-6) 0 0 var(--amino-radius-6)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G :-internal-autofill-selected+label+div{background-color:#e8f0fe}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:0;transition:var(--amino-transition)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-moz-autofill,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__aminoInput--obs5G:-webkit-autofill{background-color:var(--amino-input-background);color:var(--amino-text-color)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{display:block;max-height:0;order:1;pointer-events:none}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{color:var(--amino-gray-800);content:inherit;display:inline-block;filter:blur(0);font-size:var(--amino-font-size-base);line-height:var(--amino-font-size-base);margin-left:var(--amino-space-16);position:absolute;top:calc(50% - var(--amino-font-size-base)/2);transform-origin:left top;transition:var(--amino-transition);z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{border-radius:var(--amino-float-label-input-border-radius);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN{pointer-events:inherit}.disabled .Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq .Amino__FloatLabelInput-module__floatingLabel--7yHkN:after{cursor:not-allowed;z-index:1}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border):has(input:focus){box-shadow:var(--amino-glow-blue)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.no-border).has-error:has(input:focus){box-shadow:var(--amino-glow-error)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-content .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:focus-within .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:11px;transform:scale(.8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-value-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:var(--amino-space-8)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq:not(.has-label)::placeholder{opacity:var(--amino-opacity-disabled)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding:var(--amino-space-16) var(--amino-space-4) var(--amino-space-8) var(--amino-space-16)}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{align-items:flex-end;padding-bottom:11px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.has-label.has-input-prefix .Amino__FloatLabelInput-module__aminoInput--obs5G~.Amino__FloatLabelInput-module__floatingLabel--7yHkN span{margin-left:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:0;padding-top:13px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:2px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.sm.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{margin-bottom:-1px;padding-bottom:0}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.md.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:4px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-top:20px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label.has-content .Amino__FloatLabelInput-module__floatingLabel--7yHkN span,.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label:focus-within .Amino__FloatLabelInput-module__floatingLabel--7yHkN span{top:6px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.lg.has-label .Amino__FloatLabelInput-module__inputValuePrefix--55sKk{padding-bottom:10px}.Amino__FloatLabelInput-module__styledLabelWrapper--EmjHq.xl.has-label .Amino__FloatLabelInput-module__aminoInput--obs5G{padding-bottom:2px}');var c=function(e){switch(e){case"sm":return"".concat(t.theme.radius6);case"lg":return"".concat(t.theme.radius10);case"xl":return"".concat(t.theme.radius12);default:return"".concat(t.theme.radius8)}},f=l.forwardRef((function(o,t){var i=o.autoFocus,r=o.className,f=o.disabled,F=o.error,A=o.id,h=o.inputMode,y=o.label,g=o.noBorder,x=void 0!==g&&g,j=o.onChange,H=o.onKeyDown,v=o.pattern,q=o.placeholder,E=o.prefix,W=o.readOnly,k=o.required,N=o.size,w=void 0===N?"xl":N,G=o.suffix,z=o.tabIndex,P=o.type,K=o.value,D=o.valuePrefix,V=a.__rest(o,["autoFocus","className","disabled","error","id","inputMode","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),C=l.useId(),M=l.useMemo((function(){return n.getTestId({componentName:"input",name:y})}),[y]),Q=!!K||!!D,U=A||C;return _.jsxs("label",{className:u.default(p,w,x&&"no-border",F&&"has-error",y&&"has-label",Q&&"has-content",E&&"has-input-prefix",D&&"has-value-prefix",r),htmlFor:U,style:{"--amino-float-label-input-border-radius":c(w),"--amino-float-label-input-height":"calc(var(--amino-size-".concat(w,") - 2px)")},children:[E&&_.jsx("div",{className:u.default(m,d),children:E}),D&&_.jsx("div",{className:b,children:D}),_.jsx("input",e._objectSpread2({ref:t,"aria-label":y,autoFocus:i,className:u.default(L),"data-testid":M,disabled:f,id:U,inputMode:h,onChange:j,onKeyDown:H,pattern:v,placeholder:q,readOnly:W,required:k,tabIndex:z,type:P||"text",value:K||""},V)),_.jsx("div",{className:I,children:_.jsx("span",{children:y})}),G&&_.jsx("div",{className:u.default(m,s),children:G})]})}));exports.FloatLabelInput=f,exports.getFloatLabelRadius=c;

package/components/input/input-type/_NumberInput.d.ts

@@ -0,0 +1,21 @@
+import type { Size } from "../../../types/Size";
+export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_FloatLabelInput").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_NumberInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../../tslib.es6-8c21e256.js"),n=require("react"),u=require("@floating-ui/react"),r=require("clsx"),i=require("./_FloatLabelInput.js"),a=require("../../../icons/CaretDownIcon.js"),o=require("../../../icons/CaretUpIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var c=l(r),m="Amino__NumberInput-module__styledWrapper--oyCqs",p="Amino__NumberInput-module__styledActionWrapper--C19sy",_="Amino__NumberInput-module__styledButtonAction--w7uvy",d="Amino__NumberInput-module__aminoInput--7QUM4";s.styleInject(".Amino__NumberInput-module__styledWrapper--oyCqs{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--C19sy{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--w7uvy{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--w7uvy:hover{background:#0000000a}.Amino__NumberInput-module__styledButtonAction--w7uvy:active{background:#0000001a}.Amino__NumberInput-module__styledButtonAction--w7uvy:focus{outline:none}.Amino__NumberInput-module__aminoInput--7QUM4 input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-inner-spin-button{-webkit-appearance:none}");var b=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},v=n.forwardRef((function(r,s){var l=r.className,v=r.label,y=r.size,I=void 0===y?"xl":y,f=r.suffix,N=t.__rest(r,["className","label","size","suffix"]),A=n.useRef(null),w=u.useMergeRefs([s,A]);return React.createElement("div",{className:c.default(m,l),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(I,") - 2px)")}},React.createElement(i.FloatLabelInput,e._extends({},N,{ref:w,"aria-label":v,className:d,label:v,size:I,suffix:null===f?null:f||React.createElement("div",{className:p},React.createElement("button",{className:_,onClick:function(){var e,t;null===(e=A.current)||void 0===e||e.stepUp(),null===(t=A.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},React.createElement(o.CaretUpIcon,{size:b(I)})),React.createElement("button",{className:_,onClick:function(){var e,t;null===(e=A.current)||void 0===e||e.stepDown(),null===(t=A.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},React.createElement(a.CaretDownIcon,{size:b(I)}))),type:"number"})))}));exports.NumberInput=v;
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),n=require("../../../tslib.es6-8c21e256.js"),t=require("react"),u=require("@floating-ui/react"),i=require("clsx"),r=require("./_FloatLabelInput.js"),o=require("../../../icons/CaretDownIcon.js"),a=require("../../../icons/CaretUpIcon.js"),s=require("../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function c(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var m=c(i),p="Amino__NumberInput-module__styledWrapper--oyCqs",_="Amino__NumberInput-module__styledActionWrapper--C19sy",d="Amino__NumberInput-module__styledButtonAction--w7uvy",b="Amino__NumberInput-module__aminoInput--7QUM4";s.styleInject(".Amino__NumberInput-module__styledWrapper--oyCqs{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--C19sy{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--w7uvy{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--w7uvy:hover{background:#0000000a}.Amino__NumberInput-module__styledButtonAction--w7uvy:active{background:#0000001a}.Amino__NumberInput-module__styledButtonAction--w7uvy:focus{outline:none}.Amino__NumberInput-module__aminoInput--7QUM4 input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--7QUM4 input::-webkit-inner-spin-button{-webkit-appearance:none}");var v=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},y=t.forwardRef((function(i,s){var c=i.className,y=i.label,I=i.size,f=void 0===I?"xl":I,j=i.suffix,N=n.__rest(i,["className","label","size","suffix"]),A=t.useRef(null),x=u.useMergeRefs([s,A]);return l.jsx("div",{className:m.default(p,c),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(f,") - 2px)")},children:l.jsx(r.FloatLabelInput,e._objectSpread2(e._objectSpread2({},N),{},{ref:x,"aria-label":y,className:b,label:y,size:f,suffix:null===j?null:j||l.jsxs("div",{className:_,children:[l.jsx("button",{className:d,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepUp(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(a.CaretUpIcon,{size:v(f)})}),l.jsx("button",{className:d,onClick:function(){var e,n;null===(e=A.current)||void 0===e||e.stepDown(),null===(n=A.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(o.CaretDownIcon,{size:v(f)})})]}),type:"number"}))})}));exports.NumberInput=y;

package/components/input/input-type/_PasswordInput.d.ts

@@ -0,0 +1,20 @@
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_FloatLabelInput").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_PasswordInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),r=require("../../../tslib.es6-8c21e256.js"),t=require("react"),n=require("clsx"),o=require("../../button/Button.js"),s=require("./_FloatLabelInput.js"),a=require("../../../icons/EyeIcon.js"),i=require("../../../icons/EyeOffIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var d=l(n),c="Amino__PasswordInput-module__styledWrapper--jDin2",p="Amino__PasswordInput-module__styledButtonAction--wOjcZ",_="Amino__PasswordInput-module__aminoInput--ZLZhe";u.styleInject(".Amino__PasswordInput-module__styledWrapper--jDin2{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__aminoInput--ZLZhe input{padding-right:var(--amino-space-40)}");var m=t.forwardRef((function(n,u){var l=n.autoFocus,m=n.className,j=n.disabled,w=n.error,I=n.inputMode,b=n.label,f=n.onChange,q=n.onKeyDown,y=n.pattern,v=n.placeholder,A=n.prefix,x=n.readOnly,h=n.required,P=n.suffix,g=n.tabIndex,O=n.value,B=r.__rest(n,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),E=r.__read(t.useState("password"),2),R=E[0],Z=E[1];return React.createElement("div",{className:d.default(c,m)},React.createElement(s.FloatLabelInput,e._extends({ref:u,"aria-label":b,autoFocus:l,className:_,disabled:j,error:w,inputMode:I,label:b,onChange:f,onKeyDown:q,pattern:y,placeholder:v,prefix:A,readOnly:x,required:h,suffix:P||React.createElement(o.Button,{className:p,icon:"password"===R?React.createElement(a.EyeIcon,{size:24}):React.createElement(i.EyeOffIcon,{size:24}),onClick:function(){return Z("password"===R?"text":"password")},variant:"subtle"}),tabIndex:g,type:R,value:O},B)))}));exports.PasswordInput=m;
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../../tslib.es6-8c21e256.js"),o=require("react"),n=require("clsx"),t=require("../../button/Button.js"),s=require("./_FloatLabelInput.js"),i=require("../../../icons/EyeIcon.js"),u=require("../../../icons/EyeOffIcon.js"),a=require("../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function d(e){return e&&e.__esModule?e:{default:e}}require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../../styles/constants/theme.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var p=d(n),c="Amino__PasswordInput-module__styledWrapper--jDin2",_="Amino__PasswordInput-module__styledButtonAction--wOjcZ",m="Amino__PasswordInput-module__aminoInput--ZLZhe";a.styleInject(".Amino__PasswordInput-module__styledWrapper--jDin2{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--wOjcZ.Amino__PasswordInput-module__styledButtonAction--wOjcZ:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__aminoInput--ZLZhe input{padding-right:var(--amino-space-40)}");var j=o.forwardRef((function(n,a){var d=n.autoFocus,j=n.className,w=n.disabled,I=n.error,b=n.inputMode,q=n.label,f=n.onChange,y=n.onKeyDown,x=n.pattern,v=n.placeholder,A=n.prefix,h=n.readOnly,P=n.required,g=n.suffix,O=n.tabIndex,B=n.value,Z=r.__rest(n,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=r.__read(o.useState("password"),2),D=C[0],F=C[1];return l.jsx("div",{className:p.default(c,j),children:l.jsx(s.FloatLabelInput,e._objectSpread2({ref:a,"aria-label":q,autoFocus:d,className:m,disabled:w,error:I,inputMode:b,label:q,onChange:f,onKeyDown:y,pattern:x,placeholder:v,prefix:A,readOnly:h,required:P,suffix:g||l.jsx(t.Button,{className:_,icon:"password"===D?l.jsx(i.EyeIcon,{size:24}):l.jsx(u.EyeOffIcon,{size:24}),onClick:function(){return F("password"===D?"text":"password")},variant:"subtle"}),tabIndex:O,type:D,value:B},Z))})}));exports.PasswordInput=j;

package/components/input/input-type/_TimeInput.d.ts

@@ -0,0 +1,20 @@
+export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_FloatLabelInput").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-type/_TimeInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../../tslib.es6-8c21e256.js"),n=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./_FloatLabelInput.js"),a=require("../../../icons/ClockIcon.js"),l=require("../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var s=u(r),d="Amino__TimeInput-module__styledWrapper--ZPt0q",c="Amino__TimeInput-module__styledActionWrapper--QykRo",p="Amino__TimeInput-module__styledButtonAction---VQOV";l.styleInject(".Amino__TimeInput-module__styledWrapper--ZPt0q{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--ZPt0q input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--QykRo{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction---VQOV{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction---VQOV:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction---VQOV:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction---VQOV:focus{outline:none}.Amino__TimeInput-module__aminoInput--jyQcS input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}");var m=n.forwardRef((function(r,l){var u=r.autoFocus,m=r.className,_=r.disabled,y=r.error,b=r.inputMode,f=r.label,I=r.onChange,v=r.onKeyDown,A=r.pattern,q=r.placeholder,x=r.prefix,g=r.readOnly,h=r.required,T=r.suffix,j=r.tabIndex,k=r.value,w=t.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),R=n.useRef(null),V=i.useMergeRefs([l,R]);return React.createElement("div",{className:s.default(d,m)},React.createElement(o.FloatLabelInput,e._extends({ref:V,"aria-label":f,autoFocus:u,disabled:_,error:y,inputMode:b,label:f,onChange:I,onKeyDown:v,pattern:A,placeholder:q,prefix:x,readOnly:g,required:h,suffix:T||React.createElement("div",{className:c},React.createElement("button",{className:p,onClick:function(){var e,t;null===(e=R.current)||void 0===e||e.showPicker(),null===(t=R.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},React.createElement(a.ClockIcon,{size:24}))),tabIndex:j,type:"time",value:k},w)))}));exports.TimeInput=m;
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),n=require("../../../tslib.es6-8c21e256.js"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./_FloatLabelInput.js"),a=require("../../../icons/ClockIcon.js"),u=require("../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../styles/constants/theme.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js");var d=s(r),c="Amino__TimeInput-module__styledWrapper--ZPt0q",p="Amino__TimeInput-module__styledActionWrapper--QykRo",_="Amino__TimeInput-module__styledButtonAction---VQOV";u.styleInject(".Amino__TimeInput-module__styledWrapper--ZPt0q{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--ZPt0q input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--QykRo{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction---VQOV{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction---VQOV:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction---VQOV:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction---VQOV:focus{outline:none}.Amino__TimeInput-module__aminoInput--jyQcS input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}");var m=t.forwardRef((function(r,u){var s=r.autoFocus,m=r.className,y=r.disabled,b=r.error,f=r.inputMode,I=r.label,v=r.onChange,x=r.onKeyDown,j=r.pattern,q=r.placeholder,A=r.prefix,h=r.readOnly,g=r.required,T=r.suffix,k=r.tabIndex,w=r.value,V=n.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),O=t.useRef(null),Q=i.useMergeRefs([u,O]);return l.jsx("div",{className:d.default(c,m),children:l.jsx(o.FloatLabelInput,e._objectSpread2({ref:Q,"aria-label":I,autoFocus:s,disabled:y,error:b,inputMode:f,label:I,onChange:v,onKeyDown:x,pattern:j,placeholder:q,prefix:A,readOnly:h,required:g,suffix:T||l.jsx("div",{className:p,children:l.jsx("button",{className:_,onClick:function(){var e,n;null===(e=O.current)||void 0===e||e.showPicker(),null===(n=O.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(a.ClockIcon,{size:24})})}),tabIndex:k,type:"time",value:w},V))})}));exports.TimeInput=m;

package/components/layout/Layout.d.ts

@@ -0,0 +1,98 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { NavigationGroupProps } from "./NavigationGroup";
+import type { BaseProps } from "../../types/BaseProps";
+export type LayoutProps = BaseProps & {
+    /**
+     * Main content to display in the layout's content area
+     */
+    content: ReactNode;
+    /**
+     * Content to display in the footer of the sidebar
+     * Typically contains user menu or authentication controls
+     */
+    footer: ReactNode;
+    /**
+     * Optional content for the header section above the main layout
+     * If not provided, the header section won't be rendered
+     */
+    headerContent?: ReactNode;
+    /**
+     * Optional logo to display at the top of the sidebar
+     */
+    logoSidebar?: ReactNode;
+    /**
+     * Whether to remove default padding from the content area
+     * @default false
+     */
+    noPaddingContent?: boolean;
+    /**
+     * Navigation elements to render in the sidebar
+     * Should be NavigationGroup or NavigationItem components
+     */
+    sidebar: ReactElement<NavigationGroupProps[] | NavigationGroupProps>;
+};
+/**
+ * Layout component provides the main application layout structure with
+ * configurable header, sidebar navigation, content area, and footer.
+ *
+ * @example Basic usage with header
+ * ```tsx
+ * <Layout
+ *   headerContent={<div className="header">Header Content</div>}
+ *   sidebar={<NavigationGroup content={<NavigationItem content="Home" />} />}
+ *   content={<div className="content">Main content area</div>}
+ *   footer={<div className="footer">Footer content</div>}
+ * />
+ * ```
+ *
+ * @example Without header, with logo in sidebar
+ * ```tsx
+ * <Layout
+ *   logoSidebar={<img src="logo.png" alt="Logo" />}
+ *   sidebar={
+ *     <>
+ *       <NavigationItem content="Dashboard" icon={<DashboardIcon />} />
+ *       <NavigationGroup
+ *         content={<NavigationItem content="Settings" icon={<SettingsIcon />} />}
+ *       >
+ *         <NavigationItem content="Profile" />
+ *         <NavigationItem content="Preferences" />
+ *       </NavigationGroup>
+ *     </>
+ *   }
+ *   content={<MainContent />}
+ *   footer={<UserMenu />}
+ * />
+ * ```
+ *
+ * @example With no content padding
+ * ```tsx
+ * <Layout
+ *   noPaddingContent
+ *   sidebar={<Navigation />}
+ *   content={<FullWidthDashboard />}
+ *   footer={<Footer />}
+ * />
+ * ```
+ *
+ * @example With search in header
+ * ```tsx
+ * <Layout
+ *   headerContent={
+ *     <div className="header">
+ *       <Logo />
+ *       <Input
+ *         placeholder="Search..."
+ *         onChange={handleSearch}
+ *         value={searchQuery}
+ *       />
+ *       <UserControls />
+ *     </div>
+ *   }
+ *   sidebar={<SideNavigation />}
+ *   content={<PageContent />}
+ *   footer={<VersionInfo />}
+ * />
+ * ```
+ */
+export declare const Layout: ({ className, content, footer, headerContent, logoSidebar, noPaddingContent, sidebar, style, }: LayoutProps) => import("react").JSX.Element;

package/components/layout/Layout.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),o=require("clsx"),a=require("../../styles/constants/theme.js"),t=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(o),r="Amino_Layout-module__aminoLayout--k-8EW",d="Amino_Layout-module__contentGrid--6ltoS",m="Amino_Layout-module__styledSidebar--dnwoo",l="Amino_Layout-module__sidebarContent--NXMVV",u="Amino_Layout-module__styledLogoSidebar--MTiPe",s="Amino_Layout-module__content--LYUwT",_="Amino_Layout-module__noPadding--dlOxx",c="Amino_Layout-module__header--lID5Y",y="Amino_Layout-module__footer--5enlV";t.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--amino-layout-height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border-subtle);box-sizing:border-box;display:grid;grid-template-rows:1fr auto;height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1000)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input::placeholder{color:var(--amino-gray-1000)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__content--LYUwT.Amino_Layout-module__noPadding--dlOxx{padding:0}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(o){var t=o.className,i=o.content,b=o.footer,h=o.headerContent,g=o.logoSidebar,v=o.noPaddingContent,p=o.sidebar,L=o.style;return React.createElement("main",{className:n.default(t,r),style:e.__assign(e.__assign({},L),{"--amino-layout-height":h?"calc(100vh - ".concat(a.theme.appbarHeight,")"):"100vh"})},!!h&&React.createElement("header",{className:c},h),React.createElement("div",{className:d},React.createElement("nav",{className:m},React.createElement("div",{className:l},!!g&&React.createElement("div",{className:u},g),p),React.createElement("div",{className:y},b)),React.createElement("div",{className:n.default(s,v&&_)},i)))};
+"use strict";var o=require("../../tslib.es6-8c21e256.js"),e=require("clsx"),a=require("../../styles/constants/theme.js"),i=require("../../style-inject.es-d4ddeae4.js"),t=require("react/jsx-runtime");function r(o){return o&&o.__esModule?o:{default:o}}var n=r(e),d="Amino_Layout-module__aminoLayout--k-8EW",s="Amino_Layout-module__contentGrid--6ltoS",l="Amino_Layout-module__styledSidebar--dnwoo",m="Amino_Layout-module__sidebarContent--NXMVV",u="Amino_Layout-module__styledLogoSidebar--MTiPe",_="Amino_Layout-module__content--LYUwT",c="Amino_Layout-module__noPadding--dlOxx",h="Amino_Layout-module__header--lID5Y",y="Amino_Layout-module__footer--5enlV";i.styleInject(".Amino_Layout-module__aminoLayout--k-8EW{height:100vh;overflow:hidden}.Amino_Layout-module__contentGrid--6ltoS{display:grid;grid-template-columns:var(--amino-sidebar-width) 1fr;height:var(--amino-layout-height)}.Amino_Layout-module__styledSidebar--dnwoo{background:var(--amino-sidebar-color);border-right:var(--amino-border-subtle);box-sizing:border-box;display:grid;grid-template-rows:1fr auto;height:inherit;width:var(--amino-sidebar-width)}.Amino_Layout-module__sidebarContent--NXMVV{box-sizing:border-box;height:100%;overflow-y:auto;padding:var(--amino-space-16);width:100%}.Amino_Layout-module__searchInputWrapper--JldDc{margin-bottom:var(--amino-space-40)}.Amino_Layout-module__styledLogoSidebar--MTiPe{margin-bottom:var(--amino-space-24)}.Amino_Layout-module__styledSearchInput--uJCBW{border:0}.Amino_Layout-module__styledSearchInput--uJCBW svg{color:var(--amino-gray-1000)}.Amino_Layout-module__styledSearchInput--uJCBW input{background-color:var(--amino-gray-100);border:0}.Amino_Layout-module__styledSearchInput--uJCBW input::placeholder{color:var(--amino-gray-1000)}.Amino_Layout-module__content--LYUwT{box-sizing:border-box;height:inherit;overflow-y:auto;padding:var(--amino-space-32)}.Amino_Layout-module__content--LYUwT.Amino_Layout-module__noPadding--dlOxx{padding:0}.Amino_Layout-module__header--lID5Y{background:var(--amino-header-color);border-bottom:var(--amino-border);box-shadow:var(--amino-v3-shadow-base);box-sizing:border-box;display:flex;height:var(--amino-appbar-height);position:-webkit-sticky;position:sticky;top:0;z-index:var(--amino-appbar-elevation)}.Amino_Layout-module__footer--5enlV{box-sizing:border-box;width:var(--amino-sidebar-width)}");exports.Layout=function(e){var i=e.className,r=e.content,b=e.footer,g=e.headerContent,v=e.logoSidebar,p=e.noPaddingContent,L=e.sidebar,x=e.style;return t.jsxs("main",{className:n.default(i,d),style:o.__assign(o.__assign({},x),{"--amino-layout-height":g?"calc(100vh - ".concat(a.theme.appbarHeight,")"):"100vh"}),children:[!!g&&t.jsx("header",{className:h,children:g}),t.jsxs("div",{className:s,children:[t.jsxs("nav",{className:l,children:[t.jsxs("div",{className:m,children:[!!v&&t.jsx("div",{className:u,children:v}),L]}),t.jsx("div",{className:y,children:b})]}),t.jsx("div",{className:n.default(_,p&&c),children:r})]})]})};

package/components/layout/NavigationGroup.d.ts

@@ -0,0 +1,160 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type NavigationItemProps = BaseProps & {
+    /**
+     * Text or element to display as the navigation item
+     */
+    content: ReactNode;
+    /**
+     * Optional icon to display before the content
+     */
+    icon?: ReactNode;
+    /**
+     * Whether the navigation item is currently active/selected
+     * @default false
+     */
+    isActive?: boolean;
+};
+export type NavigationGroupProps = BaseProps & {
+    /**
+     * Child navigation items to show in the collapsible group
+     */
+    children: ReactNode;
+    /**
+     * Whether the navigation group is collapsed (closed)
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * The main navigation item that acts as the group header
+     *
+     * **NOTE**: Should be a `NavigationItem` component for proper styling.
+     * If you want to use `href`, wrap the `anchor` tag outside of the `NavigationItem` component.
+     */
+    content: ReactElement<NavigationItemProps> | ReactElement<HTMLAnchorElement>;
+};
+/**
+ * NavigationItem component renders a single navigation item with optional icon
+ * and active state styling.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <NavigationItem
+ *   content="Dashboard"
+ *   icon={<DashboardIcon size={24} />}
+ * />
+ * ```
+ *
+ * @example Active state
+ * ```tsx
+ * <NavigationItem
+ *   content="Settings"
+ *   icon={<SettingsIcon size={24} />}
+ *   isActive={true}
+ * />
+ * ```
+ *
+ * @example With anchor tag for navigation
+ * ```tsx
+ * <a href="/dashboard">
+ *   <NavigationItem
+ *     content="Dashboard"
+ *     icon={<DashboardIcon size={24} />}
+ *     isActive={currentPath === '/dashboard'}
+ *   />
+ * </a>
+ * ```
+ */
+export declare const NavigationItem: ({ className, content, icon, isActive, style, }: NavigationItemProps) => import("react").JSX.Element;
+/**
+ * NavigationGroup component provides a collapsible group of navigation items
+ * with a header item that toggles the group's expanded/collapsed state.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <NavigationGroup
+ *   content={
+ *     <NavigationItem
+ *       content="Settings"
+ *       icon={<SettingsIcon size={24} />}
+ *     />
+ *   }
+ * >
+ *   <NavigationItem content="Profile" />
+ *   <NavigationItem content="Preferences" />
+ *   <NavigationItem content="Security" />
+ * </NavigationGroup>
+ * ```
+ *
+ * @example With links and active state
+ * ```tsx
+ * <NavigationGroup
+ *   collapsed={!pathname.includes('/settings')}
+ *   content={
+ *     <a href="/settings">
+ *       <NavigationItem
+ *         content="Settings"
+ *         icon={<SettingsIcon size={24} />}
+ *       />
+ *     </a>
+ *   }
+ * >
+ *   <a href="/settings/profile">
+ *     <NavigationItem
+ *       content="Profile"
+ *       isActive={pathname === '/settings/profile'}
+ *     />
+ *   </a>
+ *   <a href="/settings/preferences">
+ *     <NavigationItem
+ *       content="Preferences"
+ *       isActive={pathname === '/settings/preferences'}
+ *     />
+ *   </a>
+ * </NavigationGroup>
+ * ```
+ *
+ * @example Multiple groups in navigation
+ * ```tsx
+ * <>
+ *   <NavigationGroup
+ *     collapsed={!pathname.includes('/dashboard')}
+ *     content={
+ *       <a href="/dashboard">
+ *         <NavigationItem
+ *           content="Dashboard"
+ *           icon={<DashboardIcon size={24} />}
+ *         />
+ *       </a>
+ *     }
+ *   >
+ *     <a href="/dashboard/analytics">
+ *       <NavigationItem content="Analytics" />
+ *     </a>
+ *     <a href="/dashboard/reports">
+ *       <NavigationItem content="Reports" />
+ *     </a>
+ *   </NavigationGroup>
+ *
+ *   <NavigationGroup
+ *     collapsed={!pathname.includes('/settings')}
+ *     content={
+ *       <a href="/settings">
+ *         <NavigationItem
+ *           content="Settings"
+ *           icon={<SettingsIcon size={24} />}
+ *         />
+ *       </a>
+ *     }
+ *   >
+ *     <a href="/settings/profile">
+ *       <NavigationItem content="Profile" />
+ *     </a>
+ *     <a href="/settings/account">
+ *       <NavigationItem content="Account" />
+ *     </a>
+ *   </NavigationGroup>
+ * </>
+ * ```
+ */
+export declare const NavigationGroup: ({ children, className, collapsed, content, style, }: NavigationGroupProps) => import("react").JSX.Element;

package/components/layout/NavigationGroup.js

@@ -1 +1 @@
-"use strict";var o=require("clsx"),a=require("../collapse/Collapse.js"),e=require("../../style-inject.es-d4ddeae4.js");function i(o){return o&&o.__esModule?o:{default:o}}require("@mui/material/Collapse");var t=i(o),n="Amino_NavigationGroup-module__wrapper--7xWZ9",r="Amino_NavigationGroup-module__styledNavigationItem--CFkop",l="Amino_NavigationGroup-module__styledNavigationItemIcon--d7lUf",m="Amino_NavigationGroup-module__active--Rj4xu",_="Amino_NavigationGroup-module__styledItemWrapper--16hAJ",v="Amino_NavigationGroup-module__collapsed--l1PZq",p="Amino_NavigationGroup-module__styledGroupItemWrapper--Lre77";e.styleInject(".Amino_NavigationGroup-module__wrapper--7xWZ9{display:flex;flex-direction:column}.Amino_NavigationGroup-module__styledNavigationItem--CFkop{align-items:center;border-radius:var(--amino-radius-6);color:var(--amino-gray-800);display:flex;font-size:var(--amino-font-size-base);font-weight:500;gap:var(--amino-space-8);height:28px;margin-bottom:2px;padding:var(--amino-space-4) var(--amino-space-8)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover{background-color:var(--amino-hover-color);color:var(--amino-gray-1000)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover svg{color:var(--amino-gray-800)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop svg{color:var(--amino-gray-600);height:var(--amino-space-24);margin-left:var(--amino-space-negative-4);width:var(--amino-space-24)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationContent--33616{flex-grow:1}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationContent--33616>*{height:100%}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationItemIcon--d7lUf{flex-basis:var(--amino-space-32);flex-grow:0;flex-shrink:0}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__active--Rj4xu{background-color:var(--amino-gray-100);color:var(--amino-gray-1000)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__active--Rj4xu svg{color:var(--amino-gray-1000)}.Amino_NavigationGroup-module__styledItemWrapper--16hAJ.Amino_NavigationGroup-module__collapsed--l1PZq .Amino_NavigationGroup-module__styledNavigationItem--CFkop{color:var(--amino-text-color)}.Amino_NavigationGroup-module__styledItemWrapper--16hAJ.Amino_NavigationGroup-module__collapsed--l1PZq .Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover{background-color:initial}.Amino_NavigationGroup-module__styledItemWrapper--16hAJ.Amino_NavigationGroup-module__collapsed--l1PZq .Amino_NavigationGroup-module__styledNavigationItem--CFkop svg{color:var(--amino-gray-1000)}.Amino_NavigationGroup-module__styledGroupItemWrapper--Lre77{border-left:1px solid var(--amino-border-color);margin-left:15px;padding-left:var(--amino-space-12)}");exports.NavigationGroup=function(o){var e=o.children,i=o.className,r=o.collapsed,l=void 0!==r&&r,m=o.content,u=o.style;return React.createElement("div",{className:t.default(i,n),style:u},React.createElement("div",{className:t.default(_,!l&&v)},m),React.createElement(a.Collapse,{className:p,collapsed:l},e))},exports.NavigationItem=function(o){var a=o.className,e=o.content,i=o.icon,n=o.isActive,_=void 0!==n&&n,v=o.style;return React.createElement("div",{className:t.default(a,r,_&&m),style:v},i&&React.createElement("div",{className:l},i),e)};
+"use strict";var o=require("clsx"),a=require("../collapse/Collapse.js"),i=require("../../style-inject.es-d4ddeae4.js"),e=require("react/jsx-runtime");function t(o){return o&&o.__esModule?o:{default:o}}require("@mui/material/Collapse");var n=t(o),r="Amino_NavigationGroup-module__wrapper--7xWZ9",l="Amino_NavigationGroup-module__styledNavigationItem--CFkop",m="Amino_NavigationGroup-module__styledNavigationItemIcon--d7lUf",_="Amino_NavigationGroup-module__active--Rj4xu",d="Amino_NavigationGroup-module__styledItemWrapper--16hAJ",s="Amino_NavigationGroup-module__collapsed--l1PZq",u="Amino_NavigationGroup-module__styledGroupItemWrapper--Lre77";i.styleInject(".Amino_NavigationGroup-module__wrapper--7xWZ9{display:flex;flex-direction:column}.Amino_NavigationGroup-module__styledNavigationItem--CFkop{align-items:center;border-radius:var(--amino-radius-6);color:var(--amino-gray-800);display:flex;font-size:var(--amino-font-size-base);font-weight:500;gap:var(--amino-space-8);height:28px;margin-bottom:2px;padding:var(--amino-space-4) var(--amino-space-8)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover{background-color:var(--amino-hover-color);color:var(--amino-gray-1000)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover svg{color:var(--amino-gray-800)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop svg{color:var(--amino-gray-600);height:var(--amino-space-24);margin-left:var(--amino-space-negative-4);width:var(--amino-space-24)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationContent--33616{flex-grow:1}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationContent--33616>*{height:100%}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__styledNavigationItemIcon--d7lUf{flex-basis:var(--amino-space-32);flex-grow:0;flex-shrink:0}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__active--Rj4xu{background-color:var(--amino-gray-100);color:var(--amino-gray-1000)}.Amino_NavigationGroup-module__styledNavigationItem--CFkop.Amino_NavigationGroup-module__active--Rj4xu svg{color:var(--amino-gray-1000)}.Amino_NavigationGroup-module__styledItemWrapper--16hAJ.Amino_NavigationGroup-module__collapsed--l1PZq .Amino_NavigationGroup-module__styledNavigationItem--CFkop{color:var(--amino-text-color)}.Amino_NavigationGroup-module__styledItemWrapper--16hAJ.Amino_NavigationGroup-module__collapsed--l1PZq .Amino_NavigationGroup-module__styledNavigationItem--CFkop:hover{background-color:initial}.Amino_NavigationGroup-module__styledItemWrapper--16hAJ.Amino_NavigationGroup-module__collapsed--l1PZq .Amino_NavigationGroup-module__styledNavigationItem--CFkop svg{color:var(--amino-gray-1000)}.Amino_NavigationGroup-module__styledGroupItemWrapper--Lre77{border-left:1px solid var(--amino-border-color);margin-left:15px;padding-left:var(--amino-space-12)}");exports.NavigationGroup=function(o){var i=o.children,t=o.className,l=o.collapsed,m=void 0!==l&&l,_=o.content,v=o.style;return e.jsxs("div",{className:n.default(t,r),style:v,children:[e.jsx("div",{className:n.default(d,!m&&s),children:_}),e.jsx(a.Collapse,{className:u,collapsed:m,children:i})]})},exports.NavigationItem=function(o){var a=o.className,i=o.content,t=o.icon,r=o.isActive,d=void 0!==r&&r,s=o.style;return e.jsxs("div",{className:n.default(a,l,d&&_),style:s,children:[t&&e.jsx("div",{className:m,children:t}),i]})};