@protonradio/proton-ui 0.11.10-beta.2 → 0.11.10

package/dist/components/ImageBackground/ImageBackground.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../node_modules/react/jsx-runtime.cjs.js");;/* empty css                                      */const c=require("../ThemeProvider.cjs.js"),u=require("../../node_modules/color2k/dist/index.exports.import.es.cjs.js"),l=r=>{const[s,e,n]=r,t=s+e+n;if(t<65){const o=t/100;return`rgba(255, 255, 255, ${Math.max(.14,.36-o)})`}return""};function g({image:r,imageUrl:s="",onLoad:e}){const{palette:n}=c.useTheme(),t=u.parseToRgba(n.BASE_COLOR),o=l(t);return a.jsxRuntimeExports.jsxs("div",{id:"image-background","aria-label":"Background overlay",role:"dialog","aria-modal":"true",className:"proton-ScreenOverlay__background",children:[r?a.jsxRuntimeExports.jsx("div",{"aria-hidden":"true",children:r}):a.jsxRuntimeExports.jsx("img",{alt:"",src:s,className:"proton-ScreenOverlay__image",onLoad:i=>e==null?void 0:e(i.currentTarget),"aria-hidden":"true"}),a.jsxRuntimeExports.jsx("div",{className:"proton-ScreenOverlay__blur","aria-hidden":"true",style:{background:o}})]})}exports.ImageBackground=g;
-//# sourceMappingURL=ImageBackground.cjs.js.map

package/dist/components/ImageBackground/ImageBackground.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageBackground.cjs.js","sources":["../../../src/components/ImageBackground/ImageBackground.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport \"../ScreenOverlay/ScreenOverlay.css\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport { parseToRgba } from \"color2k\";\r\n\r\ninterface ImageBackgroundProps {\r\n  /**\r\n   * Manually display a background image. Useful for server-side rendering.\r\n   * @important When using this prop, you must style your own image component appropriately.\r\n   * The component will be placed directly in the background without additional styling.\r\n   */\r\n  image?: React.ReactNode;\r\n  /**\r\n   * The URL of the image to display in the background.\r\n   * @important Client-side only. Cannot be used in Server Components.\r\n   * When using this prop, the image will be automatically styled with the background effect.\r\n   */\r\n  imageUrl?: string;\r\n  /**\r\n   * Callback function to handle the image load event.\r\n   * @important Client-side only. Cannot be used in Server Components.\r\n   */\r\n  onLoad?: (image: HTMLImageElement) => void;\r\n}\r\n\r\n/**\r\n * Calculates a background color with appropriate opacity based on the brightness of the base color.\r\n * For dark colors (sum of RGB values < 65), returns a white overlay with variable opacity.\r\n * For brighter colors, returns an empty string (no overlay needed).\r\n */\r\nconst getBgWhiteOverlayColor = (color: [number, number, number, number]) => {\r\n  const [r, g, b] = color;\r\n  const brightness = r + g + b;\r\n\r\n  // Only apply white overlay for dark backgrounds\r\n  if (brightness < 65) {\r\n    // Calculate opacity inversely proportional to brightness\r\n    // Brighter colors get less opacity, with a minimum of 0.1\r\n    const brightnessPercentage = brightness / 100;\r\n    const opacity = Math.max(0.14, 0.36 - brightnessPercentage);\r\n\r\n    return `rgba(255, 255, 255, ${opacity})`;\r\n  }\r\n\r\n  return \"\";\r\n};\r\n\r\n/**\r\n * ImageOverlay component for displaying an image with a blur effect.\r\n *\r\n * API:\r\n *  - {@link ImageBackgroundProps}\r\n */\r\nexport function ImageBackground({\r\n  image,\r\n  imageUrl = \"\",\r\n  onLoad,\r\n}: ImageBackgroundProps) {\r\n  const { palette } = useTheme();\r\n  const baseColor = parseToRgba(palette.BASE_COLOR);\r\n  const backgroundColor = getBgWhiteOverlayColor(baseColor);\r\n\r\n  return (\r\n    <div\r\n      id=\"image-background\"\r\n      aria-label=\"Background overlay\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      className=\"proton-ScreenOverlay__background\"\r\n    >\r\n      {image ? (\r\n        <div aria-hidden=\"true\">{image}</div>\r\n      ) : (\r\n        <img\r\n          alt=\"\" // Decorative image\r\n          src={imageUrl}\r\n          className=\"proton-ScreenOverlay__image\"\r\n          onLoad={(event) => onLoad?.(event.currentTarget)}\r\n          aria-hidden=\"true\"\r\n        />\r\n      )}\r\n      <div\r\n        className=\"proton-ScreenOverlay__blur\"\r\n        aria-hidden=\"true\"\r\n        style={{\r\n          background: backgroundColor,\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"],"names":["getBgWhiteOverlayColor","color","r","g","b","brightness","brightnessPercentage","ImageBackground","image","imageUrl","onLoad","palette","useTheme","baseColor","parseToRgba","backgroundColor","jsxs","jsx","event"],"mappings":"2TA+BMA,EAA0BC,GAA4C,CAC1E,KAAM,CAACC,EAAGC,EAAGC,CAAC,EAAIH,EACZI,EAAaH,EAAIC,EAAIC,EAG3B,GAAIC,EAAa,GAAI,CAGnB,MAAMC,EAAuBD,EAAa,IAG1C,MAAO,uBAFS,KAAK,IAAI,IAAM,IAAOC,CAAoB,CAErB,GACvC,CAEO,MAAA,EACT,EAQO,SAASC,EAAgB,CAC9B,MAAAC,EACA,SAAAC,EAAW,GACX,OAAAC,CACF,EAAyB,CACjB,KAAA,CAAE,QAAAC,GAAYC,EAAAA,WACdC,EAAYC,EAAAA,YAAYH,EAAQ,UAAU,EAC1CI,EAAkBf,EAAuBa,CAAS,EAGtD,OAAAG,EAAA,kBAAA,KAAC,MAAA,CACC,GAAG,mBACH,aAAW,qBACX,KAAK,SACL,aAAW,OACX,UAAU,mCAET,SAAA,CAAAR,EACES,EAAAA,kBAAAA,IAAA,MAAA,CAAI,cAAY,OAAQ,UAAM,CAAA,EAE/BA,EAAA,kBAAA,IAAC,MAAA,CACC,IAAI,GACJ,IAAKR,EACL,UAAU,8BACV,OAASS,GAAUR,GAAA,YAAAA,EAASQ,EAAM,eAClC,cAAY,MAAA,CACd,EAEFD,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,6BACV,cAAY,OACZ,MAAO,CACL,WAAYF,CACd,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}

package/dist/components/ImageBackground/ImageBackground.es.js

@@ -1,55 +0,0 @@
-import { j as t } from "../../node_modules/react/jsx-runtime.es.js";
-/* empty css                                    */
-import { useTheme as c } from "../ThemeProvider.es.js";
-import { parseToRgba as l } from "../../node_modules/color2k/dist/index.exports.import.es.es.js";
-const g = (e) => {
-  const [o, r, n] = e, a = o + r + n;
-  if (a < 65) {
-    const s = a / 100;
-    return `rgba(255, 255, 255, ${Math.max(0.14, 0.36 - s)})`;
-  }
-  return "";
-};
-function b({
-  image: e,
-  imageUrl: o = "",
-  onLoad: r
-}) {
-  const { palette: n } = c(), a = l(n.BASE_COLOR), s = g(a);
-  return /* @__PURE__ */ t.jsxs(
-    "div",
-    {
-      id: "image-background",
-      "aria-label": "Background overlay",
-      role: "dialog",
-      "aria-modal": "true",
-      className: "proton-ScreenOverlay__background",
-      children: [
-        e ? /* @__PURE__ */ t.jsx("div", { "aria-hidden": "true", children: e }) : /* @__PURE__ */ t.jsx(
-          "img",
-          {
-            alt: "",
-            src: o,
-            className: "proton-ScreenOverlay__image",
-            onLoad: (i) => r == null ? void 0 : r(i.currentTarget),
-            "aria-hidden": "true"
-          }
-        ),
-        /* @__PURE__ */ t.jsx(
-          "div",
-          {
-            className: "proton-ScreenOverlay__blur",
-            "aria-hidden": "true",
-            style: {
-              background: s
-            }
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  b as ImageBackground
-};
-//# sourceMappingURL=ImageBackground.es.js.map

package/dist/components/ImageBackground/ImageBackground.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ImageBackground.es.js","sources":["../../../src/components/ImageBackground/ImageBackground.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport \"../ScreenOverlay/ScreenOverlay.css\";\r\nimport { useTheme } from \"../ThemeProvider\";\r\nimport { parseToRgba } from \"color2k\";\r\n\r\ninterface ImageBackgroundProps {\r\n  /**\r\n   * Manually display a background image. Useful for server-side rendering.\r\n   * @important When using this prop, you must style your own image component appropriately.\r\n   * The component will be placed directly in the background without additional styling.\r\n   */\r\n  image?: React.ReactNode;\r\n  /**\r\n   * The URL of the image to display in the background.\r\n   * @important Client-side only. Cannot be used in Server Components.\r\n   * When using this prop, the image will be automatically styled with the background effect.\r\n   */\r\n  imageUrl?: string;\r\n  /**\r\n   * Callback function to handle the image load event.\r\n   * @important Client-side only. Cannot be used in Server Components.\r\n   */\r\n  onLoad?: (image: HTMLImageElement) => void;\r\n}\r\n\r\n/**\r\n * Calculates a background color with appropriate opacity based on the brightness of the base color.\r\n * For dark colors (sum of RGB values < 65), returns a white overlay with variable opacity.\r\n * For brighter colors, returns an empty string (no overlay needed).\r\n */\r\nconst getBgWhiteOverlayColor = (color: [number, number, number, number]) => {\r\n  const [r, g, b] = color;\r\n  const brightness = r + g + b;\r\n\r\n  // Only apply white overlay for dark backgrounds\r\n  if (brightness < 65) {\r\n    // Calculate opacity inversely proportional to brightness\r\n    // Brighter colors get less opacity, with a minimum of 0.1\r\n    const brightnessPercentage = brightness / 100;\r\n    const opacity = Math.max(0.14, 0.36 - brightnessPercentage);\r\n\r\n    return `rgba(255, 255, 255, ${opacity})`;\r\n  }\r\n\r\n  return \"\";\r\n};\r\n\r\n/**\r\n * ImageOverlay component for displaying an image with a blur effect.\r\n *\r\n * API:\r\n *  - {@link ImageBackgroundProps}\r\n */\r\nexport function ImageBackground({\r\n  image,\r\n  imageUrl = \"\",\r\n  onLoad,\r\n}: ImageBackgroundProps) {\r\n  const { palette } = useTheme();\r\n  const baseColor = parseToRgba(palette.BASE_COLOR);\r\n  const backgroundColor = getBgWhiteOverlayColor(baseColor);\r\n\r\n  return (\r\n    <div\r\n      id=\"image-background\"\r\n      aria-label=\"Background overlay\"\r\n      role=\"dialog\"\r\n      aria-modal=\"true\"\r\n      className=\"proton-ScreenOverlay__background\"\r\n    >\r\n      {image ? (\r\n        <div aria-hidden=\"true\">{image}</div>\r\n      ) : (\r\n        <img\r\n          alt=\"\" // Decorative image\r\n          src={imageUrl}\r\n          className=\"proton-ScreenOverlay__image\"\r\n          onLoad={(event) => onLoad?.(event.currentTarget)}\r\n          aria-hidden=\"true\"\r\n        />\r\n      )}\r\n      <div\r\n        className=\"proton-ScreenOverlay__blur\"\r\n        aria-hidden=\"true\"\r\n        style={{\r\n          background: backgroundColor,\r\n        }}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n"],"names":["getBgWhiteOverlayColor","color","r","g","b","brightness","brightnessPercentage","ImageBackground","image","imageUrl","onLoad","palette","useTheme","baseColor","parseToRgba","backgroundColor","jsxs","jsx","event"],"mappings":";;;;AA+BA,MAAMA,IAAyB,CAACC,MAA4C;AAC1E,QAAM,CAACC,GAAGC,GAAGC,CAAC,IAAIH,GACZI,IAAaH,IAAIC,IAAIC;AAG3B,MAAIC,IAAa,IAAI;AAGnB,UAAMC,IAAuBD,IAAa;AAG1C,WAAO,uBAFS,KAAK,IAAI,MAAM,OAAOC,CAAoB,CAErB;AAAA,EACvC;AAEO,SAAA;AACT;AAQO,SAASC,EAAgB;AAAA,EAC9B,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AACF,GAAyB;AACjB,QAAA,EAAE,SAAAC,MAAYC,KACdC,IAAYC,EAAYH,EAAQ,UAAU,GAC1CI,IAAkBf,EAAuBa,CAAS;AAGtD,SAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,cAAW;AAAA,MACX,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET,UAAA;AAAA,QAAAR,IACES,gBAAAA,EAAAA,IAAA,OAAA,EAAI,eAAY,QAAQ,YAAM,CAAA,IAE/BA,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAI;AAAA,YACJ,KAAKR;AAAA,YACL,WAAU;AAAA,YACV,QAAQ,CAACS,MAAUR,KAAA,gBAAAA,EAASQ,EAAM;AAAA,YAClC,eAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAEFD,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,OAAO;AAAA,cACL,YAAYF;AAAA,YACd;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Input/BaseInput/Input.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../node_modules/react/jsx-runtime.cjs.js"),s=require("react"),B=require("../../ThemeProvider.cjs.js");;/* empty css               */const F=require("../../../utils/copy.cjs.js"),p=require("../../../utils/string.cjs.js"),W=s.forwardRef(({prefix:x,suffix:f,description:o,descriptionPosition:I="top",isDisabled:h,error:n,onChange:_,label:l,name:i,placeholder:P,type:T="text",value:R,autoFocus:g,autoComplete:k,isRequired:m=!1,isReadOnly:y=!1,onSubmit:b,onClear:E,"data-testid":z},O)=>{const N=s.useRef(null),c=s.useRef(null),u=s.useRef(null),r=s.useRef(null),{className:S}=B.useTheme(),D=O||N;s.useEffect(()=>{if(!r.current)return;const t=()=>{var $,q;if(r.current){const a=r.current.offsetWidth||200;r.current.style.setProperty("--container-width",`${a}px`)}if(c.current){const a=c.current.offsetWidth||32;($=r.current)==null||$.style.setProperty("--prefix-width",`${a}px`)}if(u.current){const a=u.current.offsetWidth||32;(q=r.current)==null||q.style.setProperty("--suffix-width",`${a}px`)}};t();const d=new ResizeObserver(t);return r.current&&d.observe(r.current),c.current&&d.observe(c.current),u.current&&d.observe(u.current),()=>{d.disconnect()}},[x,f]);const w=`${i}-input`,j=`${i}-error`,v=`${i}-description`;return e.jsxRuntimeExports.jsxs("div",{className:"proton-Input__container",ref:r,children:[o&&I==="top"&&e.jsxRuntimeExports.jsx("div",{id:v,className:"proton-Input__text","aria-live":"polite",children:o}),e.jsxRuntimeExports.jsxs("div",{className:"proton-Input__container-inner",children:[x&&e.jsxRuntimeExports.jsx("div",{ref:c,className:p.csx("proton-Input__descriptor","proton-Input__prefix"),children:x}),e.jsxRuntimeExports.jsx("input",{id:w,name:i,type:T,value:R,onChange:t=>{_==null||_(t.target.value)},onKeyDown:t=>{switch(t.key){case"Enter":b&&(t.preventDefault(),b(t));break;case"Escape":E&&(t.preventDefault(),E());break}},onCopy:async()=>{var t;return await F.copyTextToClipboard((t=N.current)==null?void 0:t.value)},disabled:h,readOnly:y,required:m,autoFocus:g,autoComplete:k?"on":"off",placeholder:l?void 0:P,"aria-label":l||i,"aria-invalid":!!n,"aria-errormessage":typeof n=="string"?n:j,"aria-required":m,"aria-readonly":y,"aria-describedby":n?j:o?v:void 0,"aria-disabled":h,"data-testid":z,ref:D,className:p.csx("proton-Input",n&&"proton-Input--error",l&&"proton-Input__label-top",S)}),e.jsxRuntimeExports.jsxs("label",{htmlFor:w,className:p.csx("proton-Input__label",R&&"proton-Input__label--filled"),children:[l,m&&e.jsxRuntimeExports.jsx("span",{"aria-hidden":"true",children:" *"})]}),f&&e.jsxRuntimeExports.jsx("div",{ref:u,className:p.csx("proton-Input__descriptor","proton-Input__suffix"),children:f})]}),n?e.jsxRuntimeExports.jsx("div",{role:"alert",className:p.csx("proton-Input__error","proton-Input__text"),id:j,children:n}):o&&I==="bottom"?e.jsxRuntimeExports.jsx("div",{id:v,className:"proton-Input__text","aria-live":"polite",children:o}):null]})});W.displayName="ProtonUIInput";exports.Input=W;
-//# sourceMappingURL=Input.cjs.js.map

package/dist/components/Input/BaseInput/Input.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.cjs.js","sources":["../../../../src/components/Input/BaseInput/Input.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { forwardRef, useEffect, useRef } from \"react\";\r\n\r\nimport { useTheme } from \"../../ThemeProvider\";\r\nimport { csx } from \"../../../utils\";\r\nimport \"./Input.css\";\r\nimport { copyTextToClipboard } from \"../../../utils/copy\";\r\n\r\nexport interface BaseInputProps {\r\n  /**\r\n   * onChange handler for the input\r\n   */\r\n  onChange?: (value: string) => void;\r\n\r\n  /** Whether the input is disabled. */\r\n  isDisabled?: boolean;\r\n\r\n  /** Description text shown above the input. */\r\n  description?: React.ReactNode | string;\r\n\r\n  /**\r\n   * The position of the description text.\r\n   * @default \"top\"\r\n   */\r\n  descriptionPosition?: \"top\" | \"bottom\";\r\n\r\n  /** Error state that changes the input's visual style and displays an error message. */\r\n  error?: React.ReactNode | string;\r\n\r\n  /**\r\n   * Label for the input element.\r\n   * @note When a label is provided, the input will have extra padding, and the label will float above the text input when focused or filled.\r\n   */\r\n  label?: string;\r\n\r\n  /** Test ID for the component. */\r\n  \"data-testid\"?: string;\r\n\r\n  /** Content to display before the input. Typically used for icons. */\r\n  prefix?: React.ReactNode;\r\n\r\n  /** Content to display after the input. Typically used for icons. */\r\n  suffix?: React.ReactNode;\r\n\r\n  /**\r\n   * Should the browser's autocomplete be enabled?\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\r\n   */\r\n  autoComplete?: boolean;\r\n\r\n  /**\r\n   * Should the input be autofocused?\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autofocus\r\n   */\r\n  autoFocus?: boolean;\r\n\r\n  /**\r\n   * The name attribute of the input element.\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   * The placeholder text to display when the input is empty.\r\n   * @note label takes precedence over placeholder, if both are provided.\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder\r\n   */\r\n  placeholder?: string;\r\n\r\n  /**\r\n   * The type attribute of the input element.\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/type\r\n   * @default \"text\"\r\n   */\r\n  type?: string;\r\n\r\n  /**\r\n   * The value of the input.\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value\r\n   */\r\n  value?: string;\r\n\r\n  /**\r\n   * Whether the input is required.\r\n   * @default false\r\n   */\r\n  isRequired?: boolean;\r\n\r\n  /**\r\n   * Whether the input is read-only.\r\n   * @default false\r\n   */\r\n  isReadOnly?: boolean;\r\n\r\n  /**\r\n   * Called when the input is submitted (e.g. by pressing Enter).\r\n   */\r\n  onSubmit?: React.FormEventHandler<HTMLInputElement>;\r\n\r\n  /**\r\n   * Called when the input is cleared (e.g. by pressing Escape).\r\n   */\r\n  onClear?: () => void;\r\n}\r\n\r\n/**\r\n * A controlled and customizable input component with support for labels, prefixes, suffixes, and error states.\r\n *\r\n * API:\r\n *  - {@link BaseInputProps}\r\n */\r\nexport const Input = forwardRef<HTMLInputElement, BaseInputProps>(\r\n  (\r\n    {\r\n      prefix,\r\n      suffix,\r\n      description,\r\n      descriptionPosition = \"top\",\r\n      isDisabled,\r\n      error,\r\n      onChange,\r\n      label,\r\n      name,\r\n      placeholder,\r\n      type = \"text\",\r\n      value,\r\n      autoFocus,\r\n      autoComplete,\r\n      isRequired = false,\r\n      isReadOnly = false,\r\n      onSubmit,\r\n      onClear,\r\n      \"data-testid\": testId,\r\n    },\r\n    forwardedRef: React.RefObject<HTMLInputElement>\r\n  ) => {\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    const prefixRef = useRef<HTMLDivElement>(null);\r\n    const suffixRef = useRef<HTMLDivElement>(null);\r\n    const containerRef = useRef<HTMLDivElement>(null);\r\n    const { className } = useTheme();\r\n    const ref = forwardedRef || inputRef;\r\n\r\n    // Control dynamic prefix and suffix widths using ResizeObserver\r\n    useEffect(() => {\r\n      if (!containerRef.current) return;\r\n\r\n      const updateSizes = () => {\r\n        if (containerRef.current) {\r\n          const containerWidth = containerRef.current.offsetWidth || 200;\r\n          containerRef.current.style.setProperty(\r\n            \"--container-width\",\r\n            `${containerWidth}px`\r\n          );\r\n        }\r\n\r\n        if (prefixRef.current) {\r\n          const prefixWidth = prefixRef.current.offsetWidth || 32;\r\n          containerRef.current?.style.setProperty(\r\n            \"--prefix-width\",\r\n            `${prefixWidth}px`\r\n          );\r\n        }\r\n\r\n        if (suffixRef.current) {\r\n          const suffixWidth = suffixRef.current.offsetWidth || 32;\r\n          containerRef.current?.style.setProperty(\r\n            \"--suffix-width\",\r\n            `${suffixWidth}px`\r\n          );\r\n        }\r\n      };\r\n\r\n      updateSizes();\r\n\r\n      const resizeObserver = new ResizeObserver(updateSizes);\r\n\r\n      if (containerRef.current) {\r\n        resizeObserver.observe(containerRef.current);\r\n      }\r\n      if (prefixRef.current) {\r\n        resizeObserver.observe(prefixRef.current);\r\n      }\r\n      if (suffixRef.current) {\r\n        resizeObserver.observe(suffixRef.current);\r\n      }\r\n\r\n      return () => {\r\n        resizeObserver.disconnect();\r\n      };\r\n    }, [prefix, suffix]);\r\n\r\n    const inputId = `${name}-input`;\r\n    const errorId = `${name}-error`;\r\n    const descriptionId = `${name}-description`;\r\n\r\n    return (\r\n      <div className=\"proton-Input__container\" ref={containerRef}>\r\n        {description && descriptionPosition === \"top\" && (\r\n          <div\r\n            id={descriptionId}\r\n            className=\"proton-Input__text\"\r\n            aria-live=\"polite\"\r\n          >\r\n            {description}\r\n          </div>\r\n        )}\r\n        <div className=\"proton-Input__container-inner\">\r\n          {prefix && (\r\n            <div\r\n              ref={prefixRef}\r\n              className={csx(\r\n                \"proton-Input__descriptor\",\r\n                \"proton-Input__prefix\"\r\n              )}\r\n            >\r\n              {prefix}\r\n            </div>\r\n          )}\r\n\r\n          <input\r\n            id={inputId}\r\n            name={name}\r\n            type={type}\r\n            value={value}\r\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n              onChange?.(e.target.value);\r\n            }}\r\n            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\r\n              switch (e.key) {\r\n                case \"Enter\":\r\n                  if (onSubmit) {\r\n                    e.preventDefault();\r\n                    onSubmit(e);\r\n                  }\r\n                  break;\r\n                case \"Escape\":\r\n                  if (onClear) {\r\n                    e.preventDefault();\r\n                    onClear();\r\n                  }\r\n                  break;\r\n              }\r\n            }}\r\n            onCopy={async () =>\r\n              await copyTextToClipboard(inputRef.current?.value)\r\n            }\r\n            disabled={isDisabled}\r\n            readOnly={isReadOnly}\r\n            required={isRequired}\r\n            autoFocus={autoFocus}\r\n            autoComplete={autoComplete ? \"on\" : \"off\"}\r\n            placeholder={label ? undefined : placeholder}\r\n            aria-label={label || name}\r\n            aria-invalid={Boolean(error)}\r\n            aria-errormessage={typeof error === \"string\" ? error : errorId}\r\n            aria-required={isRequired}\r\n            aria-readonly={isReadOnly}\r\n            aria-describedby={\r\n              error ? errorId : description ? descriptionId : undefined\r\n            }\r\n            aria-disabled={isDisabled}\r\n            data-testid={testId}\r\n            ref={ref}\r\n            className={csx(\r\n              \"proton-Input\",\r\n              error && \"proton-Input--error\",\r\n              label && \"proton-Input__label-top\",\r\n              className\r\n            )}\r\n          />\r\n\r\n          <label\r\n            htmlFor={inputId}\r\n            className={csx(\r\n              \"proton-Input__label\",\r\n              value && \"proton-Input__label--filled\"\r\n            )}\r\n          >\r\n            {label}\r\n            {isRequired && <span aria-hidden=\"true\"> *</span>}\r\n          </label>\r\n\r\n          {suffix && (\r\n            <div\r\n              ref={suffixRef}\r\n              className={csx(\r\n                \"proton-Input__descriptor\",\r\n                \"proton-Input__suffix\"\r\n              )}\r\n            >\r\n              {suffix}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {error ? (\r\n          <div\r\n            role=\"alert\"\r\n            className={csx(\"proton-Input__error\", \"proton-Input__text\")}\r\n            id={errorId}\r\n          >\r\n            {error}\r\n          </div>\r\n        ) : description && descriptionPosition === \"bottom\" ? (\r\n          <div\r\n            id={descriptionId}\r\n            className=\"proton-Input__text\"\r\n            aria-live=\"polite\"\r\n          >\r\n            {description}\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nInput.displayName = \"ProtonUIInput\";\r\n"],"names":["Input","forwardRef","prefix","suffix","description","descriptionPosition","isDisabled","error","onChange","label","name","placeholder","type","value","autoFocus","autoComplete","isRequired","isReadOnly","onSubmit","onClear","testId","forwardedRef","inputRef","useRef","prefixRef","suffixRef","containerRef","className","useTheme","ref","useEffect","updateSizes","containerWidth","prefixWidth","_a","suffixWidth","_b","resizeObserver","inputId","errorId","descriptionId","jsxs","jsx","csx","e","copyTextToClipboard"],"mappings":"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"}

package/dist/components/Input/BaseInput/Input.es.js

@@ -1,182 +0,0 @@
-import { j as e } from "../../../node_modules/react/jsx-runtime.es.js";
-import { forwardRef as K, useRef as d, useEffect as U } from "react";
-import { useTheme as g } from "../../ThemeProvider.es.js";
-/* empty css             */
-import { copyTextToClipboard as q } from "../../../utils/copy.es.js";
-import { csx as c } from "../../../utils/string.es.js";
-const A = K(
-  ({
-    prefix: f,
-    suffix: x,
-    description: o,
-    descriptionPosition: v = "top",
-    isDisabled: y,
-    error: n,
-    onChange: _,
-    label: l,
-    name: s,
-    placeholder: k,
-    type: z = "text",
-    value: b,
-    autoFocus: P,
-    autoComplete: T,
-    isRequired: m = !1,
-    isReadOnly: j = !1,
-    onSubmit: N,
-    onClear: w,
-    "data-testid": D
-  }, O) => {
-    const W = d(null), i = d(null), a = d(null), r = d(null), { className: B } = g(), F = O || W;
-    U(() => {
-      if (!r.current) return;
-      const t = () => {
-        var R, E;
-        if (r.current) {
-          const p = r.current.offsetWidth || 200;
-          r.current.style.setProperty(
-            "--container-width",
-            `${p}px`
-          );
-        }
-        if (i.current) {
-          const p = i.current.offsetWidth || 32;
-          (R = r.current) == null || R.style.setProperty(
-            "--prefix-width",
-            `${p}px`
-          );
-        }
-        if (a.current) {
-          const p = a.current.offsetWidth || 32;
-          (E = r.current) == null || E.style.setProperty(
-            "--suffix-width",
-            `${p}px`
-          );
-        }
-      };
-      t();
-      const u = new ResizeObserver(t);
-      return r.current && u.observe(r.current), i.current && u.observe(i.current), a.current && u.observe(a.current), () => {
-        u.disconnect();
-      };
-    }, [f, x]);
-    const $ = `${s}-input`, I = `${s}-error`, h = `${s}-description`;
-    return /* @__PURE__ */ e.jsxs("div", { className: "proton-Input__container", ref: r, children: [
-      o && v === "top" && /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          id: h,
-          className: "proton-Input__text",
-          "aria-live": "polite",
-          children: o
-        }
-      ),
-      /* @__PURE__ */ e.jsxs("div", { className: "proton-Input__container-inner", children: [
-        f && /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            ref: i,
-            className: c(
-              "proton-Input__descriptor",
-              "proton-Input__prefix"
-            ),
-            children: f
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            id: $,
-            name: s,
-            type: z,
-            value: b,
-            onChange: (t) => {
-              _ == null || _(t.target.value);
-            },
-            onKeyDown: (t) => {
-              switch (t.key) {
-                case "Enter":
-                  N && (t.preventDefault(), N(t));
-                  break;
-                case "Escape":
-                  w && (t.preventDefault(), w());
-                  break;
-              }
-            },
-            onCopy: async () => {
-              var t;
-              return await q((t = W.current) == null ? void 0 : t.value);
-            },
-            disabled: y,
-            readOnly: j,
-            required: m,
-            autoFocus: P,
-            autoComplete: T ? "on" : "off",
-            placeholder: l ? void 0 : k,
-            "aria-label": l || s,
-            "aria-invalid": !!n,
-            "aria-errormessage": typeof n == "string" ? n : I,
-            "aria-required": m,
-            "aria-readonly": j,
-            "aria-describedby": n ? I : o ? h : void 0,
-            "aria-disabled": y,
-            "data-testid": D,
-            ref: F,
-            className: c(
-              "proton-Input",
-              n && "proton-Input--error",
-              l && "proton-Input__label-top",
-              B
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsxs(
-          "label",
-          {
-            htmlFor: $,
-            className: c(
-              "proton-Input__label",
-              b && "proton-Input__label--filled"
-            ),
-            children: [
-              l,
-              m && /* @__PURE__ */ e.jsx("span", { "aria-hidden": "true", children: " *" })
-            ]
-          }
-        ),
-        x && /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            ref: a,
-            className: c(
-              "proton-Input__descriptor",
-              "proton-Input__suffix"
-            ),
-            children: x
-          }
-        )
-      ] }),
-      n ? /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          role: "alert",
-          className: c("proton-Input__error", "proton-Input__text"),
-          id: I,
-          children: n
-        }
-      ) : o && v === "bottom" ? /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          id: h,
-          className: "proton-Input__text",
-          "aria-live": "polite",
-          children: o
-        }
-      ) : null
-    ] });
-  }
-);
-A.displayName = "ProtonUIInput";
-export {
-  A as Input
-};
-//# sourceMappingURL=Input.es.js.map

package/dist/components/Input/BaseInput/Input.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.es.js","sources":["../../../../src/components/Input/BaseInput/Input.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React, { forwardRef, useEffect, useRef } from \"react\";\r\n\r\nimport { useTheme } from \"../../ThemeProvider\";\r\nimport { csx } from \"../../../utils\";\r\nimport \"./Input.css\";\r\nimport { copyTextToClipboard } from \"../../../utils/copy\";\r\n\r\nexport interface BaseInputProps {\r\n  /**\r\n   * onChange handler for the input\r\n   */\r\n  onChange?: (value: string) => void;\r\n\r\n  /** Whether the input is disabled. */\r\n  isDisabled?: boolean;\r\n\r\n  /** Description text shown above the input. */\r\n  description?: React.ReactNode | string;\r\n\r\n  /**\r\n   * The position of the description text.\r\n   * @default \"top\"\r\n   */\r\n  descriptionPosition?: \"top\" | \"bottom\";\r\n\r\n  /** Error state that changes the input's visual style and displays an error message. */\r\n  error?: React.ReactNode | string;\r\n\r\n  /**\r\n   * Label for the input element.\r\n   * @note When a label is provided, the input will have extra padding, and the label will float above the text input when focused or filled.\r\n   */\r\n  label?: string;\r\n\r\n  /** Test ID for the component. */\r\n  \"data-testid\"?: string;\r\n\r\n  /** Content to display before the input. Typically used for icons. */\r\n  prefix?: React.ReactNode;\r\n\r\n  /** Content to display after the input. Typically used for icons. */\r\n  suffix?: React.ReactNode;\r\n\r\n  /**\r\n   * Should the browser's autocomplete be enabled?\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\r\n   */\r\n  autoComplete?: boolean;\r\n\r\n  /**\r\n   * Should the input be autofocused?\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autofocus\r\n   */\r\n  autoFocus?: boolean;\r\n\r\n  /**\r\n   * The name attribute of the input element.\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/name\r\n   */\r\n  name: string;\r\n\r\n  /**\r\n   * The placeholder text to display when the input is empty.\r\n   * @note label takes precedence over placeholder, if both are provided.\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/placeholder\r\n   */\r\n  placeholder?: string;\r\n\r\n  /**\r\n   * The type attribute of the input element.\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/type\r\n   * @default \"text\"\r\n   */\r\n  type?: string;\r\n\r\n  /**\r\n   * The value of the input.\r\n   * @external https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#value\r\n   */\r\n  value?: string;\r\n\r\n  /**\r\n   * Whether the input is required.\r\n   * @default false\r\n   */\r\n  isRequired?: boolean;\r\n\r\n  /**\r\n   * Whether the input is read-only.\r\n   * @default false\r\n   */\r\n  isReadOnly?: boolean;\r\n\r\n  /**\r\n   * Called when the input is submitted (e.g. by pressing Enter).\r\n   */\r\n  onSubmit?: React.FormEventHandler<HTMLInputElement>;\r\n\r\n  /**\r\n   * Called when the input is cleared (e.g. by pressing Escape).\r\n   */\r\n  onClear?: () => void;\r\n}\r\n\r\n/**\r\n * A controlled and customizable input component with support for labels, prefixes, suffixes, and error states.\r\n *\r\n * API:\r\n *  - {@link BaseInputProps}\r\n */\r\nexport const Input = forwardRef<HTMLInputElement, BaseInputProps>(\r\n  (\r\n    {\r\n      prefix,\r\n      suffix,\r\n      description,\r\n      descriptionPosition = \"top\",\r\n      isDisabled,\r\n      error,\r\n      onChange,\r\n      label,\r\n      name,\r\n      placeholder,\r\n      type = \"text\",\r\n      value,\r\n      autoFocus,\r\n      autoComplete,\r\n      isRequired = false,\r\n      isReadOnly = false,\r\n      onSubmit,\r\n      onClear,\r\n      \"data-testid\": testId,\r\n    },\r\n    forwardedRef: React.RefObject<HTMLInputElement>\r\n  ) => {\r\n    const inputRef = useRef<HTMLInputElement>(null);\r\n    const prefixRef = useRef<HTMLDivElement>(null);\r\n    const suffixRef = useRef<HTMLDivElement>(null);\r\n    const containerRef = useRef<HTMLDivElement>(null);\r\n    const { className } = useTheme();\r\n    const ref = forwardedRef || inputRef;\r\n\r\n    // Control dynamic prefix and suffix widths using ResizeObserver\r\n    useEffect(() => {\r\n      if (!containerRef.current) return;\r\n\r\n      const updateSizes = () => {\r\n        if (containerRef.current) {\r\n          const containerWidth = containerRef.current.offsetWidth || 200;\r\n          containerRef.current.style.setProperty(\r\n            \"--container-width\",\r\n            `${containerWidth}px`\r\n          );\r\n        }\r\n\r\n        if (prefixRef.current) {\r\n          const prefixWidth = prefixRef.current.offsetWidth || 32;\r\n          containerRef.current?.style.setProperty(\r\n            \"--prefix-width\",\r\n            `${prefixWidth}px`\r\n          );\r\n        }\r\n\r\n        if (suffixRef.current) {\r\n          const suffixWidth = suffixRef.current.offsetWidth || 32;\r\n          containerRef.current?.style.setProperty(\r\n            \"--suffix-width\",\r\n            `${suffixWidth}px`\r\n          );\r\n        }\r\n      };\r\n\r\n      updateSizes();\r\n\r\n      const resizeObserver = new ResizeObserver(updateSizes);\r\n\r\n      if (containerRef.current) {\r\n        resizeObserver.observe(containerRef.current);\r\n      }\r\n      if (prefixRef.current) {\r\n        resizeObserver.observe(prefixRef.current);\r\n      }\r\n      if (suffixRef.current) {\r\n        resizeObserver.observe(suffixRef.current);\r\n      }\r\n\r\n      return () => {\r\n        resizeObserver.disconnect();\r\n      };\r\n    }, [prefix, suffix]);\r\n\r\n    const inputId = `${name}-input`;\r\n    const errorId = `${name}-error`;\r\n    const descriptionId = `${name}-description`;\r\n\r\n    return (\r\n      <div className=\"proton-Input__container\" ref={containerRef}>\r\n        {description && descriptionPosition === \"top\" && (\r\n          <div\r\n            id={descriptionId}\r\n            className=\"proton-Input__text\"\r\n            aria-live=\"polite\"\r\n          >\r\n            {description}\r\n          </div>\r\n        )}\r\n        <div className=\"proton-Input__container-inner\">\r\n          {prefix && (\r\n            <div\r\n              ref={prefixRef}\r\n              className={csx(\r\n                \"proton-Input__descriptor\",\r\n                \"proton-Input__prefix\"\r\n              )}\r\n            >\r\n              {prefix}\r\n            </div>\r\n          )}\r\n\r\n          <input\r\n            id={inputId}\r\n            name={name}\r\n            type={type}\r\n            value={value}\r\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\r\n              onChange?.(e.target.value);\r\n            }}\r\n            onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {\r\n              switch (e.key) {\r\n                case \"Enter\":\r\n                  if (onSubmit) {\r\n                    e.preventDefault();\r\n                    onSubmit(e);\r\n                  }\r\n                  break;\r\n                case \"Escape\":\r\n                  if (onClear) {\r\n                    e.preventDefault();\r\n                    onClear();\r\n                  }\r\n                  break;\r\n              }\r\n            }}\r\n            onCopy={async () =>\r\n              await copyTextToClipboard(inputRef.current?.value)\r\n            }\r\n            disabled={isDisabled}\r\n            readOnly={isReadOnly}\r\n            required={isRequired}\r\n            autoFocus={autoFocus}\r\n            autoComplete={autoComplete ? \"on\" : \"off\"}\r\n            placeholder={label ? undefined : placeholder}\r\n            aria-label={label || name}\r\n            aria-invalid={Boolean(error)}\r\n            aria-errormessage={typeof error === \"string\" ? error : errorId}\r\n            aria-required={isRequired}\r\n            aria-readonly={isReadOnly}\r\n            aria-describedby={\r\n              error ? errorId : description ? descriptionId : undefined\r\n            }\r\n            aria-disabled={isDisabled}\r\n            data-testid={testId}\r\n            ref={ref}\r\n            className={csx(\r\n              \"proton-Input\",\r\n              error && \"proton-Input--error\",\r\n              label && \"proton-Input__label-top\",\r\n              className\r\n            )}\r\n          />\r\n\r\n          <label\r\n            htmlFor={inputId}\r\n            className={csx(\r\n              \"proton-Input__label\",\r\n              value && \"proton-Input__label--filled\"\r\n            )}\r\n          >\r\n            {label}\r\n            {isRequired && <span aria-hidden=\"true\"> *</span>}\r\n          </label>\r\n\r\n          {suffix && (\r\n            <div\r\n              ref={suffixRef}\r\n              className={csx(\r\n                \"proton-Input__descriptor\",\r\n                \"proton-Input__suffix\"\r\n              )}\r\n            >\r\n              {suffix}\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {error ? (\r\n          <div\r\n            role=\"alert\"\r\n            className={csx(\"proton-Input__error\", \"proton-Input__text\")}\r\n            id={errorId}\r\n          >\r\n            {error}\r\n          </div>\r\n        ) : description && descriptionPosition === \"bottom\" ? (\r\n          <div\r\n            id={descriptionId}\r\n            className=\"proton-Input__text\"\r\n            aria-live=\"polite\"\r\n          >\r\n            {description}\r\n          </div>\r\n        ) : null}\r\n      </div>\r\n    );\r\n  }\r\n);\r\n\r\nInput.displayName = \"ProtonUIInput\";\r\n"],"names":["Input","forwardRef","prefix","suffix","description","descriptionPosition","isDisabled","error","onChange","label","name","placeholder","type","value","autoFocus","autoComplete","isRequired","isReadOnly","onSubmit","onClear","testId","forwardedRef","inputRef","useRef","prefixRef","suffixRef","containerRef","className","useTheme","ref","useEffect","updateSizes","containerWidth","prefixWidth","_a","suffixWidth","_b","resizeObserver","inputId","errorId","descriptionId","jsxs","jsx","csx","e","copyTextToClipboard"],"mappings":"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"}

package/dist/components/Input/CopyInput/CopyInput.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js"),x=require("react"),a=require("../../../utils/copy.cjs.js"),c=require("../BaseInput/Input.cjs.js");;/* empty css                   */const r=require("../../../utils/string.cjs.js");function l({name:o,value:e,isDisabled:p,onError:u,onSuccess:n}){const[i,s]=x.useState(!1);return t.jsxRuntimeExports.jsx(c.Input,{name:o,value:e,isDisabled:p,suffix:t.jsxRuntimeExports.jsx(j,{isCopied:i,onClick:async()=>{await a.copyTextToClipboard(e,u)&&(s(!0),n==null||n(),setTimeout(()=>s(!1),5e3))}})})}const j=({isCopied:o,onClick:e})=>t.jsxRuntimeExports.jsx("div",{className:"proton-CopyInput-button-container",onClick:e,children:t.jsxRuntimeExports.jsxs("button",{"data-testid":"COPY_BUTTON",className:r.csx("proton-CopyInput-button",o&&"proton-CopyInput-button--copied"),children:[t.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 512 512",children:[t.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:"M408 480H184a72 72 0 0 1-72-72V184a72 72 0 0 1 72-72h224a72 72 0 0 1 72 72v224a72 72 0 0 1-72 72"}),t.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:"M160 80h235.88A72.12 72.12 0 0 0 328 32H104a72 72 0 0 0-72 72v224a72.12 72.12 0 0 0 48 67.88V160a80 80 0 0 1 80-80"})]}),t.jsxRuntimeExports.jsx("span",{className:r.csx("proton-CopyInput-button-text",o&&"proton-CopyInput-button-text--copied"),children:o?"Copied!":"Copy"})]})});exports.CopyInput=l;
-//# sourceMappingURL=CopyInput.cjs.js.map

package/dist/components/Input/CopyInput/CopyInput.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CopyInput.cjs.js","sources":["../../../../src/components/Input/CopyInput/CopyInput.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport { csx } from \"../../../utils\";\r\nimport { copyTextToClipboard } from \"../../../utils/copy\";\r\nimport { Input } from \"../BaseInput/Input\";\r\nimport \"./CopyInput.css\";\r\n\r\nexport interface CopyInputProps {\r\n  /** The name of the input field */\r\n  name: string;\r\n\r\n  /** The value to display in the input and copy to clipboard */\r\n  value: string;\r\n\r\n  /** Whether the input is disabled */\r\n  isDisabled?: boolean;\r\n\r\n  /** Optional callback when copy fails, receives the error object */\r\n  onError?: (error: Error) => void;\r\n\r\n  /** Optional callback when copy succeeds */\r\n  onSuccess?: () => void;\r\n}\r\n\r\n/**\r\n * Input with a button to copy value to the clipboard.\r\n *\r\n * API:\r\n *  - {@link CopyInputProps}\r\n */\r\nexport function CopyInput({\r\n  name,\r\n  value,\r\n  isDisabled,\r\n  onError,\r\n  onSuccess,\r\n}: CopyInputProps) {\r\n  const [isCopied, setCopied] = useState(false);\r\n\r\n  return (\r\n    <Input\r\n      name={name}\r\n      value={value}\r\n      isDisabled={isDisabled}\r\n      suffix={\r\n        <CopyButton\r\n          isCopied={isCopied}\r\n          onClick={async () => {\r\n            const copySuccess = await copyTextToClipboard(value, onError);\r\n            if (!copySuccess) return;\r\n\r\n            setCopied(true);\r\n            onSuccess?.();\r\n            setTimeout(() => setCopied(false), 5000);\r\n          }}\r\n        />\r\n      }\r\n    />\r\n  );\r\n}\r\n\r\nconst CopyButton = ({ isCopied, onClick }) => {\r\n  return (\r\n    <div className=\"proton-CopyInput-button-container\" onClick={onClick}>\r\n      <button\r\n        data-testid=\"COPY_BUTTON\"\r\n        className={csx(\r\n          \"proton-CopyInput-button\",\r\n          isCopied && \"proton-CopyInput-button--copied\"\r\n        )}\r\n      >\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          width=\"12\"\r\n          height=\"12\"\r\n          viewBox=\"0 0 512 512\"\r\n        >\r\n          <path\r\n            fill=\"currentColor\"\r\n            d=\"M408 480H184a72 72 0 0 1-72-72V184a72 72 0 0 1 72-72h224a72 72 0 0 1 72 72v224a72 72 0 0 1-72 72\"\r\n          />\r\n          <path\r\n            fill=\"currentColor\"\r\n            d=\"M160 80h235.88A72.12 72.12 0 0 0 328 32H104a72 72 0 0 0-72 72v224a72.12 72.12 0 0 0 48 67.88V160a80 80 0 0 1 80-80\"\r\n          />\r\n        </svg>\r\n        <span\r\n          className={csx(\r\n            \"proton-CopyInput-button-text\",\r\n            isCopied && \"proton-CopyInput-button-text--copied\"\r\n          )}\r\n        >\r\n          {isCopied ? \"Copied!\" : \"Copy\"}\r\n        </span>\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CopyInput","name","value","isDisabled","onError","onSuccess","isCopied","setCopied","useState","jsx","Input","CopyButton","copyTextToClipboard","onClick","jsxs","csx"],"mappings":"sUA6BO,SAASA,EAAU,CACxB,KAAAC,EACA,MAAAC,EACA,WAAAC,EACA,QAAAC,EACA,UAAAC,CACF,EAAmB,CACjB,KAAM,CAACC,EAAUC,CAAS,EAAIC,WAAS,EAAK,EAG1C,OAAAC,EAAA,kBAAA,IAACC,EAAA,MAAA,CACC,KAAAT,EACA,MAAAC,EACA,WAAAC,EACA,OACEM,EAAA,kBAAA,IAACE,EAAA,CACC,SAAAL,EACA,QAAS,SAAY,CACC,MAAMM,EAAAA,oBAAoBV,EAAOE,CAAO,IAG5DG,EAAU,EAAI,EACFF,GAAA,MAAAA,IACZ,WAAW,IAAME,EAAU,EAAK,EAAG,GAAI,EACzC,CAAA,CACF,CAAA,CAAA,CAIR,CAEA,MAAMI,EAAa,CAAC,CAAE,SAAAL,EAAU,QAAAO,KAE3BJ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAU,oCAAoC,QAAAI,EACjD,SAAAC,EAAA,kBAAA,KAAC,SAAA,CACC,cAAY,cACZ,UAAWC,EAAA,IACT,0BACAT,GAAY,iCACd,EAEA,SAAA,CAAAQ,EAAA,kBAAA,KAAC,MAAA,CACC,MAAM,6BACN,MAAM,KACN,OAAO,KACP,QAAQ,cAER,SAAA,CAAAL,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,eACL,EAAE,kGAAA,CACJ,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,eACL,EAAE,oHAAA,CACJ,CAAA,CAAA,CACF,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWM,EAAA,IACT,+BACAT,GAAY,sCACd,EAEC,WAAW,UAAY,MAAA,CAC1B,CAAA,CAAA,CAEJ,CAAA,CAAA"}

package/dist/components/Input/CopyInput/CopyInput.es.js

@@ -1,83 +0,0 @@
-import { j as t } from "../../../node_modules/react/jsx-runtime.es.js";
-import { useState as u } from "react";
-import { copyTextToClipboard as c } from "../../../utils/copy.es.js";
-import { Input as x } from "../BaseInput/Input.es.js";
-/* empty css                 */
-import { csx as e } from "../../../utils/string.es.js";
-function b({
-  name: o,
-  value: p,
-  isDisabled: s,
-  onError: i,
-  onSuccess: r
-}) {
-  const [a, n] = u(!1);
-  return /* @__PURE__ */ t.jsx(
-    x,
-    {
-      name: o,
-      value: p,
-      isDisabled: s,
-      suffix: /* @__PURE__ */ t.jsx(
-        l,
-        {
-          isCopied: a,
-          onClick: async () => {
-            await c(p, i) && (n(!0), r == null || r(), setTimeout(() => n(!1), 5e3));
-          }
-        }
-      )
-    }
-  );
-}
-const l = ({ isCopied: o, onClick: p }) => /* @__PURE__ */ t.jsx("div", { className: "proton-CopyInput-button-container", onClick: p, children: /* @__PURE__ */ t.jsxs(
-  "button",
-  {
-    "data-testid": "COPY_BUTTON",
-    className: e(
-      "proton-CopyInput-button",
-      o && "proton-CopyInput-button--copied"
-    ),
-    children: [
-      /* @__PURE__ */ t.jsxs(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          width: "12",
-          height: "12",
-          viewBox: "0 0 512 512",
-          children: [
-            /* @__PURE__ */ t.jsx(
-              "path",
-              {
-                fill: "currentColor",
-                d: "M408 480H184a72 72 0 0 1-72-72V184a72 72 0 0 1 72-72h224a72 72 0 0 1 72 72v224a72 72 0 0 1-72 72"
-              }
-            ),
-            /* @__PURE__ */ t.jsx(
-              "path",
-              {
-                fill: "currentColor",
-                d: "M160 80h235.88A72.12 72.12 0 0 0 328 32H104a72 72 0 0 0-72 72v224a72.12 72.12 0 0 0 48 67.88V160a80 80 0 0 1 80-80"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ t.jsx(
-        "span",
-        {
-          className: e(
-            "proton-CopyInput-button-text",
-            o && "proton-CopyInput-button-text--copied"
-          ),
-          children: o ? "Copied!" : "Copy"
-        }
-      )
-    ]
-  }
-) });
-export {
-  b as CopyInput
-};
-//# sourceMappingURL=CopyInput.es.js.map

package/dist/components/Input/CopyInput/CopyInput.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CopyInput.es.js","sources":["../../../../src/components/Input/CopyInput/CopyInput.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport { csx } from \"../../../utils\";\r\nimport { copyTextToClipboard } from \"../../../utils/copy\";\r\nimport { Input } from \"../BaseInput/Input\";\r\nimport \"./CopyInput.css\";\r\n\r\nexport interface CopyInputProps {\r\n  /** The name of the input field */\r\n  name: string;\r\n\r\n  /** The value to display in the input and copy to clipboard */\r\n  value: string;\r\n\r\n  /** Whether the input is disabled */\r\n  isDisabled?: boolean;\r\n\r\n  /** Optional callback when copy fails, receives the error object */\r\n  onError?: (error: Error) => void;\r\n\r\n  /** Optional callback when copy succeeds */\r\n  onSuccess?: () => void;\r\n}\r\n\r\n/**\r\n * Input with a button to copy value to the clipboard.\r\n *\r\n * API:\r\n *  - {@link CopyInputProps}\r\n */\r\nexport function CopyInput({\r\n  name,\r\n  value,\r\n  isDisabled,\r\n  onError,\r\n  onSuccess,\r\n}: CopyInputProps) {\r\n  const [isCopied, setCopied] = useState(false);\r\n\r\n  return (\r\n    <Input\r\n      name={name}\r\n      value={value}\r\n      isDisabled={isDisabled}\r\n      suffix={\r\n        <CopyButton\r\n          isCopied={isCopied}\r\n          onClick={async () => {\r\n            const copySuccess = await copyTextToClipboard(value, onError);\r\n            if (!copySuccess) return;\r\n\r\n            setCopied(true);\r\n            onSuccess?.();\r\n            setTimeout(() => setCopied(false), 5000);\r\n          }}\r\n        />\r\n      }\r\n    />\r\n  );\r\n}\r\n\r\nconst CopyButton = ({ isCopied, onClick }) => {\r\n  return (\r\n    <div className=\"proton-CopyInput-button-container\" onClick={onClick}>\r\n      <button\r\n        data-testid=\"COPY_BUTTON\"\r\n        className={csx(\r\n          \"proton-CopyInput-button\",\r\n          isCopied && \"proton-CopyInput-button--copied\"\r\n        )}\r\n      >\r\n        <svg\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n          width=\"12\"\r\n          height=\"12\"\r\n          viewBox=\"0 0 512 512\"\r\n        >\r\n          <path\r\n            fill=\"currentColor\"\r\n            d=\"M408 480H184a72 72 0 0 1-72-72V184a72 72 0 0 1 72-72h224a72 72 0 0 1 72 72v224a72 72 0 0 1-72 72\"\r\n          />\r\n          <path\r\n            fill=\"currentColor\"\r\n            d=\"M160 80h235.88A72.12 72.12 0 0 0 328 32H104a72 72 0 0 0-72 72v224a72.12 72.12 0 0 0 48 67.88V160a80 80 0 0 1 80-80\"\r\n          />\r\n        </svg>\r\n        <span\r\n          className={csx(\r\n            \"proton-CopyInput-button-text\",\r\n            isCopied && \"proton-CopyInput-button-text--copied\"\r\n          )}\r\n        >\r\n          {isCopied ? \"Copied!\" : \"Copy\"}\r\n        </span>\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CopyInput","name","value","isDisabled","onError","onSuccess","isCopied","setCopied","useState","jsx","Input","CopyButton","copyTextToClipboard","onClick","jsxs","csx"],"mappings":";;;;;;AA6BO,SAASA,EAAU;AAAA,EACxB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,QAAM,CAACC,GAAUC,CAAS,IAAIC,EAAS,EAAK;AAG1C,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAT;AAAA,MACA,OAAAC;AAAA,MACA,YAAAC;AAAA,MACA,QACEM,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,UAAAL;AAAA,UACA,SAAS,YAAY;AAEnB,YADoB,MAAMM,EAAoBV,GAAOE,CAAO,MAG5DG,EAAU,EAAI,GACFF,KAAA,QAAAA,KACZ,WAAW,MAAME,EAAU,EAAK,GAAG,GAAI;AAAA,UACzC;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEA,MAAMI,IAAa,CAAC,EAAE,UAAAL,GAAU,SAAAO,QAE3BJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,qCAAoC,SAAAI,GACjD,UAAAC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAWC;AAAA,MACT;AAAA,MACAT,KAAY;AAAA,IACd;AAAA,IAEA,UAAA;AAAA,MAAAQ,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UAER,UAAA;AAAA,YAAAL,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,GAAE;AAAA,cAAA;AAAA,YACJ;AAAA,YACAA,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,GAAE;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,MACAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWM;AAAA,YACT;AAAA,YACAT,KAAY;AAAA,UACd;AAAA,UAEC,cAAW,YAAY;AAAA,QAAA;AAAA,MAC1B;AAAA,IAAA;AAAA,EAAA;AAEJ,EAAA,CAAA;"}

package/dist/components/Input/SearchInput/SearchInput.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../node_modules/react/jsx-runtime.cjs.js"),c=require("react");;/* empty css                     */const E=require("../BaseInput/Input.cjs.js"),S=require("../../../utils/string.cjs.js"),v=({name:l="search",placeholder:p="Search...",autoComplete:o,isClearable:d=!0,isDisabled:h=!1,error:j,defaultValue:m,value:s,"data-testid":x="proton-SearchInput",onChange:r,onClear:i})=>{const u=c.useRef(null),[a,n]=c.useState(s??m??"");c.useEffect(()=>{s!==void 0&&n(s)},[s]);const f=e=>{n(e),r==null||r(e)},R=()=>{var e;n(""),r==null||r(""),i==null||i(),(e=u.current)==null||e.focus()};return t.jsxRuntimeExports.jsx("div",{className:"proton-SearchInput__wrapper","data-testid":x,role:"search",children:t.jsxRuntimeExports.jsx(E.Input,{type:"search",onChange:f,value:a,name:l,placeholder:p,autoComplete:o,error:j,ref:u,isDisabled:h,prefix:t.jsxRuntimeExports.jsxs("svg",{"aria-hidden":"true",width:"2.8em",height:"1.6em",viewBox:"0 0 24 24",onClick:()=>{var e;return(e=u.current)==null?void 0:e.focus()},children:[t.jsxRuntimeExports.jsx("title",{children:"Magnifying Glass"}),t.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:"M10.5 18.5a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-1a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm5.25-.75 4.5 4.5-1.25 1.25-4.5-4.5 1.25-1.25Z"})]}),suffix:d&&a.length>0?t.jsxRuntimeExports.jsx("button",{type:"button",className:S.csx("proton-SearchInput__button","proton-Input__descriptor","proton-Input__suffix"),"data-testid":`${x}-clear`,onClick:R,"aria-label":"Clear search",children:t.jsxRuntimeExports.jsxs("svg",{"aria-hidden":"true",viewBox:"0 0 50 50",width:"3.2em",height:"1.2em",children:[t.jsxRuntimeExports.jsx("title",{children:"Clear"}),t.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:"m37.304 11.282l1.414 1.414l-26.022 26.02l-1.414-1.413z"}),t.jsxRuntimeExports.jsx("path",{fill:"currentColor",d:"m12.696 11.282l26.022 26.02l-1.414 1.415l-26.022-26.02z"})]})}):null})})};exports.SearchInput=v;
-//# sourceMappingURL=SearchInput.cjs.js.map

package/dist/components/Input/SearchInput/SearchInput.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.cjs.js","sources":["../../../../src/components/Input/SearchInput/SearchInput.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport \"./SearchInput.css\";\r\nimport { csx } from \"../../../utils\";\r\nimport { Input, type BaseInputProps } from \"../BaseInput/Input\";\r\n\r\nexport interface SearchInputProps\r\n  extends Omit<\r\n    BaseInputProps,\r\n    | \"prefix\"\r\n    | \"suffix\"\r\n    | \"value\"\r\n    | \"onChange\"\r\n    | \"description\"\r\n    | \"descriptionPosition\"\r\n    | \"label\"\r\n  > {\r\n  /** The initial value of the input. */\r\n  defaultValue?: string;\r\n\r\n  /** Should the clear button be shown when there is text? */\r\n  isClearable?: boolean;\r\n\r\n  /** Called when the input value changes. */\r\n  onChange?: (value: string) => void;\r\n\r\n  /** Called when the clear button is clicked. */\r\n  onClear?: () => void;\r\n\r\n  /** The current value of the input (for controlled usage) */\r\n  value?: string;\r\n}\r\n\r\n/**\r\n * A search input component with optional clear functionality and URL parameter sync.\r\n *\r\n * API:\r\n *  - {@link SearchInputProps}\r\n *  - extends {@link BaseInputProps}\r\n */\r\nexport const SearchInput = ({\r\n  name = \"search\",\r\n  placeholder = \"Search...\",\r\n  autoComplete,\r\n  isClearable = true,\r\n  isDisabled = false,\r\n  error,\r\n  defaultValue,\r\n  value: controlledValue,\r\n  \"data-testid\": testId = \"proton-SearchInput\",\r\n  onChange,\r\n  onClear,\r\n}: SearchInputProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [value, setValue] = useState(controlledValue ?? defaultValue ?? \"\");\r\n\r\n  // Sync with controlled value if provided\r\n  useEffect(() => {\r\n    if (controlledValue !== undefined) {\r\n      setValue(controlledValue);\r\n    }\r\n  }, [controlledValue]);\r\n\r\n  const handleChange = (newValue: string) => {\r\n    setValue(newValue);\r\n    onChange?.(newValue);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    setValue(\"\");\r\n    onChange?.(\"\");\r\n    onClear?.();\r\n    inputRef.current?.focus();\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"proton-SearchInput__wrapper\"\r\n      data-testid={testId}\r\n      role=\"search\"\r\n    >\r\n      <Input\r\n        type=\"search\"\r\n        onChange={handleChange}\r\n        value={value}\r\n        name={name}\r\n        placeholder={placeholder}\r\n        autoComplete={autoComplete}\r\n        error={error}\r\n        ref={inputRef}\r\n        isDisabled={isDisabled}\r\n        prefix={\r\n          <svg\r\n            aria-hidden=\"true\"\r\n            width=\"2.8em\"\r\n            height=\"1.6em\"\r\n            viewBox=\"0 0 24 24\"\r\n            onClick={() => inputRef.current?.focus()}\r\n          >\r\n            <title>Magnifying Glass</title>\r\n            <path\r\n              fill=\"currentColor\"\r\n              d=\"M10.5 18.5a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-1a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm5.25-.75 4.5 4.5-1.25 1.25-4.5-4.5 1.25-1.25Z\"\r\n            />\r\n          </svg>\r\n        }\r\n        suffix={\r\n          isClearable && value.length > 0 ? (\r\n            <button\r\n              type=\"button\"\r\n              className={csx(\r\n                \"proton-SearchInput__button\",\r\n                \"proton-Input__descriptor\",\r\n                \"proton-Input__suffix\"\r\n              )}\r\n              data-testid={`${testId}-clear`}\r\n              onClick={handleClear}\r\n              aria-label=\"Clear search\"\r\n            >\r\n              <svg\r\n                aria-hidden=\"true\"\r\n                viewBox=\"0 0 50 50\"\r\n                width=\"3.2em\"\r\n                height=\"1.2em\"\r\n              >\r\n                <title>Clear</title>\r\n                <path\r\n                  fill=\"currentColor\"\r\n                  d=\"m37.304 11.282l1.414 1.414l-26.022 26.02l-1.414-1.413z\"\r\n                />\r\n                <path\r\n                  fill=\"currentColor\"\r\n                  d=\"m12.696 11.282l26.022 26.02l-1.414 1.415l-26.022-26.02z\"\r\n                />\r\n              </svg>\r\n            </button>\r\n          ) : null\r\n        }\r\n      />\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchInput","name","placeholder","autoComplete","isClearable","isDisabled","error","defaultValue","controlledValue","testId","onChange","onClear","inputRef","useRef","value","setValue","useState","useEffect","handleChange","newValue","handleClear","_a","jsx","Input","jsxs","csx"],"mappings":"gSAyCaA,EAAc,CAAC,CAC1B,KAAAC,EAAO,SACP,YAAAC,EAAc,YACd,aAAAC,EACA,YAAAC,EAAc,GACd,WAAAC,EAAa,GACb,MAAAC,EACA,aAAAC,EACA,MAAOC,EACP,cAAeC,EAAS,qBACxB,SAAAC,EACA,QAAAC,CACF,IAAwB,CAChB,MAAAC,EAAWC,SAAyB,IAAI,EACxC,CAACC,EAAOC,CAAQ,EAAIC,EAAS,SAAAR,GAAmBD,GAAgB,EAAE,EAGxEU,EAAAA,UAAU,IAAM,CACVT,IAAoB,QACtBO,EAASP,CAAe,CAC1B,EACC,CAACA,CAAe,CAAC,EAEd,MAAAU,EAAgBC,GAAqB,CACzCJ,EAASI,CAAQ,EACjBT,GAAA,MAAAA,EAAWS,EAAQ,EAGfC,EAAc,IAAM,OACxBL,EAAS,EAAE,EACXL,GAAA,MAAAA,EAAW,IACDC,GAAA,MAAAA,KACVU,EAAAT,EAAS,UAAT,MAAAS,EAAkB,OAAM,EAIxB,OAAAC,EAAA,kBAAA,IAAC,MAAA,CACC,UAAU,8BACV,cAAab,EACb,KAAK,SAEL,SAAAa,EAAA,kBAAA,IAACC,EAAA,MAAA,CACC,KAAK,SACL,SAAUL,EACV,MAAAJ,EACA,KAAAb,EACA,YAAAC,EACA,aAAAC,EACA,MAAAG,EACA,IAAKM,EACL,WAAAP,EACA,OACEmB,EAAA,kBAAA,KAAC,MAAA,CACC,cAAY,OACZ,MAAM,QACN,OAAO,QACP,QAAQ,YACR,QAAS,IAAM,OAAA,OAAAH,EAAAT,EAAS,UAAT,YAAAS,EAAkB,SAEjC,SAAA,CAAAC,EAAAA,kBAAAA,IAAC,SAAM,SAAgB,kBAAA,CAAA,EACvBA,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,eACL,EAAE,4HAAA,CACJ,CAAA,CAAA,CACF,EAEF,OACElB,GAAeU,EAAM,OAAS,EAC5BQ,EAAA,kBAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWG,EAAA,IACT,6BACA,2BACA,sBACF,EACA,cAAa,GAAGhB,CAAM,SACtB,QAASW,EACT,aAAW,eAEX,SAAAI,EAAA,kBAAA,KAAC,MAAA,CACC,cAAY,OACZ,QAAQ,YACR,MAAM,QACN,OAAO,QAEP,SAAA,CAAAF,EAAAA,kBAAAA,IAAC,SAAM,SAAK,OAAA,CAAA,EACZA,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,eACL,EAAE,wDAAA,CACJ,EACAA,EAAA,kBAAA,IAAC,OAAA,CACC,KAAK,eACL,EAAE,yDAAA,CACJ,CAAA,CAAA,CACF,CAAA,CAAA,EAEA,IAAA,CAER,CAAA,CAAA,CAGN"}

package/dist/components/Input/SearchInput/SearchInput.es.js

@@ -1,118 +0,0 @@
-import { j as t } from "../../../node_modules/react/jsx-runtime.es.js";
-import { useRef as v, useState as _, useEffect as I } from "react";
-/* empty css                   */
-import { Input as S } from "../BaseInput/Input.es.js";
-import { csx as b } from "../../../utils/string.es.js";
-const z = ({
-  name: u = "search",
-  placeholder: o = "Search...",
-  autoComplete: d,
-  isClearable: f = !0,
-  isDisabled: h = !1,
-  error: n,
-  defaultValue: m,
-  value: s,
-  "data-testid": a = "proton-SearchInput",
-  onChange: e,
-  onClear: i
-}) => {
-  const c = v(null), [p, l] = _(s ?? m ?? "");
-  I(() => {
-    s !== void 0 && l(s);
-  }, [s]);
-  const x = (r) => {
-    l(r), e == null || e(r);
-  }, j = () => {
-    var r;
-    l(""), e == null || e(""), i == null || i(), (r = c.current) == null || r.focus();
-  };
-  return /* @__PURE__ */ t.jsx(
-    "div",
-    {
-      className: "proton-SearchInput__wrapper",
-      "data-testid": a,
-      role: "search",
-      children: /* @__PURE__ */ t.jsx(
-        S,
-        {
-          type: "search",
-          onChange: x,
-          value: p,
-          name: u,
-          placeholder: o,
-          autoComplete: d,
-          error: n,
-          ref: c,
-          isDisabled: h,
-          prefix: /* @__PURE__ */ t.jsxs(
-            "svg",
-            {
-              "aria-hidden": "true",
-              width: "2.8em",
-              height: "1.6em",
-              viewBox: "0 0 24 24",
-              onClick: () => {
-                var r;
-                return (r = c.current) == null ? void 0 : r.focus();
-              },
-              children: [
-                /* @__PURE__ */ t.jsx("title", { children: "Magnifying Glass" }),
-                /* @__PURE__ */ t.jsx(
-                  "path",
-                  {
-                    fill: "currentColor",
-                    d: "M10.5 18.5a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-1a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm5.25-.75 4.5 4.5-1.25 1.25-4.5-4.5 1.25-1.25Z"
-                  }
-                )
-              ]
-            }
-          ),
-          suffix: f && p.length > 0 ? /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              type: "button",
-              className: b(
-                "proton-SearchInput__button",
-                "proton-Input__descriptor",
-                "proton-Input__suffix"
-              ),
-              "data-testid": `${a}-clear`,
-              onClick: j,
-              "aria-label": "Clear search",
-              children: /* @__PURE__ */ t.jsxs(
-                "svg",
-                {
-                  "aria-hidden": "true",
-                  viewBox: "0 0 50 50",
-                  width: "3.2em",
-                  height: "1.2em",
-                  children: [
-                    /* @__PURE__ */ t.jsx("title", { children: "Clear" }),
-                    /* @__PURE__ */ t.jsx(
-                      "path",
-                      {
-                        fill: "currentColor",
-                        d: "m37.304 11.282l1.414 1.414l-26.022 26.02l-1.414-1.413z"
-                      }
-                    ),
-                    /* @__PURE__ */ t.jsx(
-                      "path",
-                      {
-                        fill: "currentColor",
-                        d: "m12.696 11.282l26.022 26.02l-1.414 1.415l-26.022-26.02z"
-                      }
-                    )
-                  ]
-                }
-              )
-            }
-          ) : null
-        }
-      )
-    }
-  );
-};
-export {
-  z as SearchInput
-};
-//# sourceMappingURL=SearchInput.es.js.map

package/dist/components/Input/SearchInput/SearchInput.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchInput.es.js","sources":["../../../../src/components/Input/SearchInput/SearchInput.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { useEffect, useRef, useState } from \"react\";\r\nimport \"./SearchInput.css\";\r\nimport { csx } from \"../../../utils\";\r\nimport { Input, type BaseInputProps } from \"../BaseInput/Input\";\r\n\r\nexport interface SearchInputProps\r\n  extends Omit<\r\n    BaseInputProps,\r\n    | \"prefix\"\r\n    | \"suffix\"\r\n    | \"value\"\r\n    | \"onChange\"\r\n    | \"description\"\r\n    | \"descriptionPosition\"\r\n    | \"label\"\r\n  > {\r\n  /** The initial value of the input. */\r\n  defaultValue?: string;\r\n\r\n  /** Should the clear button be shown when there is text? */\r\n  isClearable?: boolean;\r\n\r\n  /** Called when the input value changes. */\r\n  onChange?: (value: string) => void;\r\n\r\n  /** Called when the clear button is clicked. */\r\n  onClear?: () => void;\r\n\r\n  /** The current value of the input (for controlled usage) */\r\n  value?: string;\r\n}\r\n\r\n/**\r\n * A search input component with optional clear functionality and URL parameter sync.\r\n *\r\n * API:\r\n *  - {@link SearchInputProps}\r\n *  - extends {@link BaseInputProps}\r\n */\r\nexport const SearchInput = ({\r\n  name = \"search\",\r\n  placeholder = \"Search...\",\r\n  autoComplete,\r\n  isClearable = true,\r\n  isDisabled = false,\r\n  error,\r\n  defaultValue,\r\n  value: controlledValue,\r\n  \"data-testid\": testId = \"proton-SearchInput\",\r\n  onChange,\r\n  onClear,\r\n}: SearchInputProps) => {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [value, setValue] = useState(controlledValue ?? defaultValue ?? \"\");\r\n\r\n  // Sync with controlled value if provided\r\n  useEffect(() => {\r\n    if (controlledValue !== undefined) {\r\n      setValue(controlledValue);\r\n    }\r\n  }, [controlledValue]);\r\n\r\n  const handleChange = (newValue: string) => {\r\n    setValue(newValue);\r\n    onChange?.(newValue);\r\n  };\r\n\r\n  const handleClear = () => {\r\n    setValue(\"\");\r\n    onChange?.(\"\");\r\n    onClear?.();\r\n    inputRef.current?.focus();\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"proton-SearchInput__wrapper\"\r\n      data-testid={testId}\r\n      role=\"search\"\r\n    >\r\n      <Input\r\n        type=\"search\"\r\n        onChange={handleChange}\r\n        value={value}\r\n        name={name}\r\n        placeholder={placeholder}\r\n        autoComplete={autoComplete}\r\n        error={error}\r\n        ref={inputRef}\r\n        isDisabled={isDisabled}\r\n        prefix={\r\n          <svg\r\n            aria-hidden=\"true\"\r\n            width=\"2.8em\"\r\n            height=\"1.6em\"\r\n            viewBox=\"0 0 24 24\"\r\n            onClick={() => inputRef.current?.focus()}\r\n          >\r\n            <title>Magnifying Glass</title>\r\n            <path\r\n              fill=\"currentColor\"\r\n              d=\"M10.5 18.5a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-1a7 7 0 1 0 0-14 7 7 0 0 0 0 14Zm5.25-.75 4.5 4.5-1.25 1.25-4.5-4.5 1.25-1.25Z\"\r\n            />\r\n          </svg>\r\n        }\r\n        suffix={\r\n          isClearable && value.length > 0 ? (\r\n            <button\r\n              type=\"button\"\r\n              className={csx(\r\n                \"proton-SearchInput__button\",\r\n                \"proton-Input__descriptor\",\r\n                \"proton-Input__suffix\"\r\n              )}\r\n              data-testid={`${testId}-clear`}\r\n              onClick={handleClear}\r\n              aria-label=\"Clear search\"\r\n            >\r\n              <svg\r\n                aria-hidden=\"true\"\r\n                viewBox=\"0 0 50 50\"\r\n                width=\"3.2em\"\r\n                height=\"1.2em\"\r\n              >\r\n                <title>Clear</title>\r\n                <path\r\n                  fill=\"currentColor\"\r\n                  d=\"m37.304 11.282l1.414 1.414l-26.022 26.02l-1.414-1.413z\"\r\n                />\r\n                <path\r\n                  fill=\"currentColor\"\r\n                  d=\"m12.696 11.282l26.022 26.02l-1.414 1.415l-26.022-26.02z\"\r\n                />\r\n              </svg>\r\n            </button>\r\n          ) : null\r\n        }\r\n      />\r\n    </div>\r\n  );\r\n};\r\n"],"names":["SearchInput","name","placeholder","autoComplete","isClearable","isDisabled","error","defaultValue","controlledValue","testId","onChange","onClear","inputRef","useRef","value","setValue","useState","useEffect","handleChange","newValue","handleClear","_a","jsx","Input","jsxs","csx"],"mappings":";;;;;AAyCO,MAAMA,IAAc,CAAC;AAAA,EAC1B,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAOC;AAAA,EACP,eAAeC,IAAS;AAAA,EACxB,UAAAC;AAAA,EACA,SAAAC;AACF,MAAwB;AAChB,QAAAC,IAAWC,EAAyB,IAAI,GACxC,CAACC,GAAOC,CAAQ,IAAIC,EAASR,KAAmBD,KAAgB,EAAE;AAGxE,EAAAU,EAAU,MAAM;AACd,IAAIT,MAAoB,UACtBO,EAASP,CAAe;AAAA,EAC1B,GACC,CAACA,CAAe,CAAC;AAEd,QAAAU,IAAe,CAACC,MAAqB;AACzC,IAAAJ,EAASI,CAAQ,GACjBT,KAAA,QAAAA,EAAWS;AAAA,EAAQ,GAGfC,IAAc,MAAM;;AACxB,IAAAL,EAAS,EAAE,GACXL,KAAA,QAAAA,EAAW,KACDC,KAAA,QAAAA,MACVU,IAAAT,EAAS,YAAT,QAAAS,EAAkB;AAAA,EAAM;AAIxB,SAAAC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAab;AAAA,MACb,MAAK;AAAA,MAEL,UAAAa,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAUL;AAAA,UACV,OAAAJ;AAAA,UACA,MAAAb;AAAA,UACA,aAAAC;AAAA,UACA,cAAAC;AAAA,UACA,OAAAG;AAAA,UACA,KAAKM;AAAA,UACL,YAAAP;AAAA,UACA,QACEmB,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,OAAM;AAAA,cACN,QAAO;AAAA,cACP,SAAQ;AAAA,cACR,SAAS,MAAM;;AAAA,wBAAAH,IAAAT,EAAS,YAAT,gBAAAS,EAAkB;AAAA;AAAA,cAEjC,UAAA;AAAA,gBAAAC,gBAAAA,EAAAA,IAAC,WAAM,UAAgB,mBAAA,CAAA;AAAA,gBACvBA,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,MAAK;AAAA,oBACL,GAAE;AAAA,kBAAA;AAAA,gBACJ;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,UAEF,QACElB,KAAeU,EAAM,SAAS,IAC5BQ,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAWG;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AAAA,cACA,eAAa,GAAGhB,CAAM;AAAA,cACtB,SAASW;AAAA,cACT,cAAW;AAAA,cAEX,UAAAI,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,eAAY;AAAA,kBACZ,SAAQ;AAAA,kBACR,OAAM;AAAA,kBACN,QAAO;AAAA,kBAEP,UAAA;AAAA,oBAAAF,gBAAAA,EAAAA,IAAC,WAAM,UAAK,QAAA,CAAA;AAAA,oBACZA,gBAAAA,EAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,GAAE;AAAA,sBAAA;AAAA,oBACJ;AAAA,oBACAA,gBAAAA,EAAA;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,MAAK;AAAA,wBACL,GAAE;AAAA,sBAAA;AAAA,oBACJ;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACF;AAAA,YAAA;AAAA,UAAA,IAEA;AAAA,QAAA;AAAA,MAER;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/ListBox/ListBox.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../node_modules/react/jsx-runtime.cjs.js"),n=require("react"),l=require("../../node_modules/@react-aria/listbox/dist/useListBox.cjs.js"),u=require("../../node_modules/@react-aria/listbox/dist/useOption.cjs.js");;/* empty css                 */const x=t=>{let s=n.useRef(null),{state:e}=t,{listBoxProps:o}=l.useListBox(t,e,s);return r.jsxRuntimeExports.jsx("ul",{...o,ref:s,"data-testid":"listbox",className:"proton-ListBox",children:[...e.collection].map(i=>r.jsxRuntimeExports.jsx(c,{item:i,state:e},i.key))})},c=({item:t,state:s})=>{let e=n.useRef(null),{optionProps:o}=u.useOption({key:t.key},s,e);return r.jsxRuntimeExports.jsx("li",{...o,className:"proton-ListBox__item",ref:e,children:t.rendered})};exports.ListBox=x;
-//# sourceMappingURL=ListBox.cjs.js.map