@mage-ui/components 1.0.31 → 1.0.33

package/dist/components/buttons/button/Button.d.mts

@@ -1,5 +1,5 @@
 import { ButtonVariantProps } from "@mage-ui/styled-system/recipes";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 
 //#region src/components/buttons/button/Button.d.ts
@@ -21,7 +21,7 @@ declare const Button: ({
   startSlot,
   endSlot,
   ...props
-}: ButtonProps) => react_jsx_runtime15.JSX.Element;
+}: ButtonProps) => react_jsx_runtime16.JSX.Element;
 //#endregion
 export { Button, ButtonProps };
 //# sourceMappingURL=Button.d.mts.map

package/dist/components/buttons/button-action/ButtonAction.d.mts

@@ -1,5 +1,5 @@
 import { ButtonProps } from "../button/Button.mjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/buttons/button-action/ButtonAction.d.ts
@@ -26,7 +26,7 @@ declare const ButtonAction: ({
   successDuration,
   disabled,
   ...props
-}: ButtonActionProps) => react_jsx_runtime16.JSX.Element;
+}: ButtonActionProps) => react_jsx_runtime17.JSX.Element;
 //#endregion
 export { ButtonAction, ButtonActionProps };
 //# sourceMappingURL=ButtonAction.d.mts.map

package/dist/components/buttons/button-action/ButtonLoader.d.mts

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/buttons/button-action/ButtonLoader.d.ts
 declare const ButtonLoader: ({
   className,
   ...props
-}: ComponentProps<"span">) => react_jsx_runtime17.JSX.Element;
+}: ComponentProps<"span">) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { ButtonLoader };
 //# sourceMappingURL=ButtonLoader.d.mts.map

package/dist/components/buttons/button-icon/ButtonIcon.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/buttons/button-icon/ButtonIcon.d.ts
@@ -23,7 +23,7 @@ declare const ButtonIcon: ({
   onClick,
   disabled,
   classNames
-}: ButtonIconProps) => react_jsx_runtime18.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime19.JSX.Element;
 //#endregion
 export { ButtonIcon, ButtonIconProps };
 //# sourceMappingURL=ButtonIcon.d.mts.map

package/dist/components/buttons/button-icon-visual/ButtonIconVisual.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/components/buttons/button-icon-visual/ButtonIconVisual.d.ts
@@ -22,7 +22,7 @@ declare const ButtonIconVisual: ({
   name,
   path,
   disabled
-}: ButtonIconVisualProps) => react_jsx_runtime19.JSX.Element;
+}: ButtonIconVisualProps) => react_jsx_runtime20.JSX.Element;
 //#endregion
 export { ButtonIconVisual, ButtonIconVisualProps };
 //# sourceMappingURL=ButtonIconVisual.d.mts.map

package/dist/components/buttons/button-visual/ButtonVisual.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/buttons/button-visual/ButtonVisual.d.ts
@@ -21,7 +21,7 @@ declare const ButtonVisual: ({
   endSlot,
   children,
   disabled
-}: ButtonVisualProps) => react_jsx_runtime20.JSX.Element;
+}: ButtonVisualProps) => react_jsx_runtime21.JSX.Element;
 //#endregion
 export { ButtonVisual, ButtonVisualProps };
 //# sourceMappingURL=ButtonVisual.d.mts.map

package/dist/components/controls/autocomplete/Autocomplete.d.mts

@@ -1,5 +1,5 @@
 import { ComboboxProps } from "../combobox/Combobox.mjs";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime25 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/autocomplete/Autocomplete.d.ts
@@ -29,7 +29,7 @@ declare const Autocomplete: ({
   emptyMessage,
   minLength,
   classNames
-}: AutocompleteProps) => react_jsx_runtime24.JSX.Element;
+}: AutocompleteProps) => react_jsx_runtime25.JSX.Element;
 //#endregion
 export { Autocomplete, AutocompleteProps, OptionProps };
 //# sourceMappingURL=Autocomplete.d.mts.map

package/dist/components/controls/combobox/Combobox.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/components/controls/combobox/Combobox.d.ts
 type ComboboxProps = Omit<DropdownProps, 'classNames' | 'onChange' | 'onBlur' | 'onFocus' | 'onClick' | 'setValue' | 'children'> & {
@@ -52,7 +52,7 @@ declare const Combobox: ({
   btnClearLabel,
   onChange,
   classNames
-}: ComboboxProps) => react_jsx_runtime25.JSX.Element;
+}: ComboboxProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { Combobox, ComboboxProps };
 //# sourceMappingURL=Combobox.d.mts.map

package/dist/components/controls/dropzone/Dropzone.d.mts

@@ -1,7 +1,7 @@
 import { IconProps } from "../../data-display/icons/icon/Icon.mjs";
 import { LoaderOvalProps } from "../../data-display/loader-oval/LoaderOval.mjs";
 import "../../data-display/index.mjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/dropzone/Dropzone.d.ts
@@ -64,7 +64,7 @@ declare const Dropzone: ({
   hint,
   inputId,
   classNames
-}: DropzoneProps) => react_jsx_runtime26.JSX.Element;
+}: DropzoneProps) => react_jsx_runtime27.JSX.Element;
 //#endregion
 export { Dropzone, DropzoneProps, FileData };
 //# sourceMappingURL=Dropzone.d.mts.map

package/dist/components/controls/dropzone-files/DropzoneFiles.d.mts

@@ -2,7 +2,7 @@ import { UploadedFileProps } from "../../data-display/uploaded-file/UploadedFile
 import "../../data-display/index.mjs";
 import { DropzoneProps, FileData } from "../dropzone/Dropzone.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime28 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/dropzone-files/DropzoneFiles.d.ts
@@ -48,7 +48,7 @@ declare const DropzoneFiles: ({
   url,
   inputId,
   classNames
-}: DropzoneFilesProps) => react_jsx_runtime27.JSX.Element;
+}: DropzoneFilesProps) => react_jsx_runtime28.JSX.Element;
 //#endregion
 export { DropzoneFiles, DropzoneFilesProps };
 //# sourceMappingURL=DropzoneFiles.d.mts.map

package/dist/components/controls/file-input/FileInput.d.mts

@@ -1,5 +1,5 @@
 import { BaseFileInputProps } from "./BaseFileInput.mjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/controls/file-input/FileInput.d.ts
 type FileInputProps = Omit<BaseFileInputProps, 'multiple' | 'valueComponent' | 'onChange'> & {
@@ -18,7 +18,7 @@ declare const FileInput: ({
   required,
   disabled,
   classNames
-}: FileInputProps) => react_jsx_runtime28.JSX.Element;
+}: FileInputProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { FileInput, FileInputProps };
 //# sourceMappingURL=FileInput.d.mts.map

package/dist/components/controls/file-input/FileInputMultiple.d.mts

@@ -1,5 +1,5 @@
 import { BaseFileInputProps } from "./BaseFileInput.mjs";
-import * as react_jsx_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 
 //#region src/components/controls/file-input/FileInputMultiple.d.ts
 type FileInputMultipleProps = Omit<BaseFileInputProps, 'multiple' | 'onChange' | 'valueComponent'> & {
@@ -25,7 +25,7 @@ declare const FileInputMultiple: ({
   disabled,
   classNames,
   badgeClassNames
-}: FileInputMultipleProps) => react_jsx_runtime29.JSX.Element;
+}: FileInputMultipleProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { FileInputMultiple, FileInputMultipleProps };
 //# sourceMappingURL=FileInputMultiple.d.mts.map

package/dist/components/controls/index.d.mts

@@ -11,6 +11,8 @@ import { MultiSelect, MultiSelectProps } from "./multi-select/MultiSelect.mjs";
 import { MultiSelectTags, MultiSelectTagsProps } from "./multi-select/MultiSelectTags.mjs";
 import { TextInput, TextInputProps } from "./text-input/TextInput.mjs";
 import { PasswordInput, PasswordInputProps } from "./password-input/PasswordInput.mjs";
+import { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps } from "./password-input/PasswordStrengthInput.mjs";
+import { PasswordRuleDefinition, usePasswordRules } from "./password-input/usePasswordRules.mjs";
 import { PasswordInputStrength, PasswordInputStrengthProps } from "./password-input-strength/oldPasswordInputStrength.mjs";
 import { Radio, RadioProps } from "./radio/Radio.mjs";
 import { Select, SelectProps } from "./select/Select.mjs";

package/dist/components/controls/multi-select/MultiSelect.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps, DropdownTextInputClassNames } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
 
 //#region src/components/controls/multi-select/MultiSelect.d.ts
 type MultiSelectProps = Omit<DropdownProps, 'classNames' | 'children' | 'onChange' | 'onFocus' | 'onBlur' | 'onClick' | 'value' | 'search' | 'setValue' | 'store' | 'target'> & {
@@ -39,7 +39,7 @@ declare const MultiSelect: ({
   keepMounted,
   textSelected,
   classNames
-}: MultiSelectProps) => react_jsx_runtime30.JSX.Element;
+}: MultiSelectProps) => react_jsx_runtime31.JSX.Element;
 //#endregion
 export { MultiSelect, MultiSelectProps };
 //# sourceMappingURL=MultiSelect.d.mts.map

package/dist/components/controls/multi-select/MultiSelectTags.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps, DropdownTextInputClassNames } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 
 //#region src/components/controls/multi-select/MultiSelectTags.d.ts
 type MultiSelectTagsProps = Omit<DropdownProps, 'classNames' | 'children' | 'onChange' | 'onFocus' | 'onBlur' | 'onClick' | 'value' | 'search' | 'setValue' | 'store' | 'target'> & {
@@ -57,7 +57,7 @@ declare const MultiSelectTags: ({
   startSlot,
   endSlot,
   classNames
-}: MultiSelectTagsProps) => react_jsx_runtime31.JSX.Element;
+}: MultiSelectTagsProps) => react_jsx_runtime32.JSX.Element;
 //#endregion
 export { MultiSelectTags, MultiSelectTagsProps };
 //# sourceMappingURL=MultiSelectTags.d.mts.map

package/dist/components/controls/password-input/PasswordInput.d.mts

@@ -1,5 +1,5 @@
 import { TextInputProps } from "../text-input/TextInput.mjs";
-import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 
 //#region src/components/controls/password-input/PasswordInput.d.ts
 type PasswordInputProps = Omit<NonNullable<TextInputProps>, 'classNames'> & {
@@ -23,7 +23,7 @@ declare const PasswordInput: ({
   hideText,
   showText,
   ...props
-}: PasswordInputProps) => react_jsx_runtime32.JSX.Element;
+}: PasswordInputProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { PasswordInput, PasswordInputProps };
 //# sourceMappingURL=PasswordInput.d.mts.map

package/dist/components/controls/password-input/PasswordStrengthInput.d.mts

@@ -1,11 +1,45 @@
-import "./PasswordInput.mjs";
-import "react/jsx-runtime";
+import { IconProps } from "../../data-display/icons/icon/Icon.mjs";
+import "../../data-display/index.mjs";
+import { PasswordInputProps } from "./PasswordInput.mjs";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/controls/password-input/PasswordStrengthInput.d.ts
+type PasswordRule = {
+  text: string;
+  isValid: boolean;
+};
 type PasswordSegment = {
   minScore: number;
   label: string;
 };
+type PasswordStrengthInputProps = PasswordInputProps & {
+  segments?: PasswordSegment[];
+  rules?: PasswordRule[];
+  showRules?: boolean;
+  showStrengthLabel?: boolean;
+  classNames?: {
+    passwordStrengthInput?: string;
+    root?: string;
+    strengthWrapper?: string;
+    barWrapper?: string;
+    bar?: string;
+    segment?: string;
+    strengthLabel?: string;
+    rules?: string;
+    rule?: string;
+    ruleIcon?: IconProps['classNames'];
+    ruleText?: string;
+    passwordInput?: PasswordInputProps['classNames'];
+  };
+};
+declare const PasswordStrengthInput: ({
+  segments,
+  rules,
+  showRules,
+  showStrengthLabel,
+  classNames,
+  ...props
+}: PasswordStrengthInputProps) => react_jsx_runtime34.JSX.Element;
 //#endregion
-export { PasswordSegment };
+export { PasswordRule, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps };
 //# sourceMappingURL=PasswordStrengthInput.d.mts.map

package/dist/components/controls/password-input/PasswordStrengthInput.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordStrengthInput.d.mts","names":[],"sources":["../../../../src/components/controls/password-input/PasswordStrengthInput.tsx"],"mappings":";;;;KAOY,eAAA;EACV,QAAA;EACA,KAAA;AAAA"}
+{"version":3,"file":"PasswordStrengthInput.d.mts","names":[],"sources":["../../../../src/components/controls/password-input/PasswordStrengthInput.tsx"],"mappings":";;;;;;KAmCY,YAAA;EACV,IAAA;EACA,OAAA;AAAA;AAAA,KAGU,eAAA;EACV,QAAA;EACA,KAAA;AAAA;AAAA,KAGU,0BAAA,GAA6B,kBAAA;EACvC,QAAA,GAAW,eAAA;EACX,KAAA,GAAQ,YAAA;EACR,SAAA;EACA,iBAAA;EACA,UAAA;IACE,qBAAA;IACA,IAAA;IACA,eAAA;IACA,UAAA;IACA,GAAA;IACA,OAAA;IACA,aAAA;IACA,KAAA;IACA,IAAA;IACA,QAAA,GAAW,SAAA;IACX,QAAA;IACA,aAAA,GAAgB,kBAAA;EAAA;AAAA;AAAA,cAIP,qBAAA;EAAyB,QAAA;EAAA,KAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,UAAA;EAAA,GAAA;AAAA,GAOnC,0BAAA,KAA0B,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/password-input/PasswordStrengthInput.mjs

@@ -1,2 +1,11 @@
-import{PasswordInput as e}from"./PasswordInput.mjs";import{jsx as t,jsxs as n}from"react/jsx-runtime";const r=({segments:r=[],rules:i=[],showRules:a=!0,showStrengthLabel:o=!0,...s})=>{let c=[...r].sort((e,t)=>e.minScore-t.minScore),l=c.length,u=i.filter(e=>e.isValid).length,d=i.length>0?u/i.length*100:0,f=s.value&&String(s.value).length>0,p=[...c].reverse().find(e=>d>=e.minScore),m=f?p?.label??``:``,h=e=>f&&d>=c[e].minScore?`hsl(${e/(l-1)*120}, 70%, 45%)`:`#e5e7eb`;return n(`div`,{children:[t(e,{...s}),n(`div`,{style:{display:`flex`,alignItems:`center`,gap:`8px`,marginTop:`8px`},children:[t(`div`,{style:{display:`flex`,gap:`4px`,flex:1},children:c.map((e,n)=>t(`div`,{style:{flex:1,height:`4px`,backgroundColor:h(n),borderRadius:`2px`}},n))}),o&&m&&t(`span`,{style:{fontSize:`12px`,color:`#6b7280`,whiteSpace:`nowrap`},children:m})]}),a&&i.length>0&&t(`ul`,{style:{listStyle:`none`,padding:0,margin:`8px 0 0 0`,fontSize:`14px`},children:i.map((e,r)=>n(`li`,{style:{display:`flex`,alignItems:`center`,gap:`6px`,color:e.isValid?`#22c55e`:`#9ca3af`},children:[t(`span`,{children:e.isValid?`✓`:`✗`}),t(`span`,{children:e.text})]},r))})]})};export{r as PasswordStrengthInput};
+import{Icon as e}from"../../data-display/icons/icon/Icon.mjs";import{PasswordInput as t}from"./PasswordInput.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{passwordStrengthInput as r,passwordStrengthInputBar as i,passwordStrengthInputBarWrapper as a,passwordStrengthInputInput as o,passwordStrengthInputInputButtonIcon as s,passwordStrengthInputInputButtonIconIcon as c,passwordStrengthInputInputButtonIconIconRaw as l,passwordStrengthInputInputButtonIconIconRawRoot as u,passwordStrengthInputInputButtonIconRoot as d,passwordStrengthInputInputDescription as f,passwordStrengthInputInputError as p,passwordStrengthInputInputInput as m,passwordStrengthInputInputLabel as h,passwordStrengthInputInputRequired as g,passwordStrengthInputInputRoot as _,passwordStrengthInputInputSection as v,passwordStrengthInputInputWrapper as y,passwordStrengthInputRoot as b,passwordStrengthInputRule as x,passwordStrengthInputRuleIcon as S,passwordStrengthInputRuleIconIconRaw as C,passwordStrengthInputRuleIconIconRawRoot as w,passwordStrengthInputRuleIconRoot as T,passwordStrengthInputRuleText as E,passwordStrengthInputRules as D,passwordStrengthInputSegment as O,passwordStrengthInputStrengthLabel as k,passwordStrengthInputStrengthWrapper as A}from"@mage-ui/styled-system/recipes";import{jsx as j,jsxs as M}from"react/jsx-runtime";const N=({segments:N=[],rules:P=[],showRules:F=!0,showStrengthLabel:I=!0,classNames:L,...R})=>{let z=[...N].sort((e,t)=>e.minScore-t.minScore),B=z.length,V=P.filter(e=>e.isValid).length,H=P.length>0?V/P.length*100:0,U=F&&P.length>0,W=R.value&&String(R.value).length>0,G=[...z].reverse().find(e=>H>=e.minScore),K=W?G?.label??``:``,q=e=>W&&H>=z[e].minScore?`hsl(
+        calc(
+          var(--password-strength-input-segment-hue-start) +
+          ${B>1?e/(B-1):1} *
+          (var(--password-strength-input-segment-hue-end) -
+           var(--password-strength-input-segment-hue-start))
+        ),
+        var(--password-strength-input-segment-saturation),
+        var(--password-strength-input-segment-lightness)
+      )`:`var(--password-strength-input-segment-background)`;return M(`div`,{className:n(L?.passwordStrengthInput??r(),L?.root??b()),"data-scope":`passwordStrengthInput`,"data-rules":U,children:[j(t,{classNames:{passwordInput:L?.passwordInput??o(),root:L?.passwordInput?.root??_(),label:L?.passwordInput?.label??h(),description:L?.passwordInput?.description??f(),error:L?.passwordInput?.error??p(),wrapper:L?.passwordInput?.wrapper??y(),required:L?.passwordInput?.required??g(),input:L?.passwordInput?.input??m(),section:L?.passwordInput?.section??v(),buttonIcon:{buttonIcon:L?.passwordInput?.buttonIcon?.buttonIcon??s(),root:L?.passwordInput?.buttonIcon?.root??d(),icon:L?.passwordInput?.buttonIcon?.icon??c(),iconRaw:{iconRaw:L?.passwordInput?.buttonIcon?.iconRaw?.iconRaw??l(),root:L?.passwordInput?.buttonIcon?.iconRaw?.root??u()}}},...R}),M(`div`,{className:n(L?.strengthWrapper??A()),children:[M(`div`,{className:n(L?.barWrapper??a()),children:[j(`div`,{className:n(L?.bar??i()),children:z.map((e,t)=>j(`div`,{style:{backgroundColor:q(t)},className:n(L?.segment??O())},t))}),I&&K&&j(`span`,{className:n(L?.strengthLabel??k()),children:K})]}),U&&j(`ul`,{className:n(L?.rules??D()),children:P.map((t,r)=>M(`li`,{className:n(L?.rule??x()),"data-valid":t.isValid||void 0,children:[j(e,{path:`/icons/sprite-mage.svg`,name:t.isValid?`mage-password-input-strength-rule-check`:`mage-password-input-strength-rule-x`,classNames:{icon:L?.ruleIcon?.icon??S(),root:L?.ruleIcon?.root??T(),iconRaw:{iconRaw:L?.ruleIcon?.iconRaw?.iconRaw??C(),root:L?.ruleIcon?.iconRaw?.root??w()}}}),j(`span`,{className:n(L?.ruleText??E()),children:t.text})]},r))})]})]})};export{N as PasswordStrengthInput};
 //# sourceMappingURL=PasswordStrengthInput.mjs.map

package/dist/components/controls/password-input/PasswordStrengthInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordStrengthInput.mjs","names":[],"sources":["../../../../src/components/controls/password-input/PasswordStrengthInput.tsx"],"sourcesContent":["import { PasswordInput, type PasswordInputProps } from './PasswordInput';\n\nexport type PasswordRule = {\n  text: string;\n  isValid: boolean;\n};\n\nexport type PasswordSegment = {\n  minScore: number;\n  label: string;\n};\n\nexport type PasswordStrengthInputProps = PasswordInputProps & {\n  segments?: PasswordSegment[];\n  rules?: PasswordRule[];\n  showRules?: boolean;\n  showStrengthLabel?: boolean;\n};\n\nexport const PasswordStrengthInput = ({\n  segments = [],\n  rules = [],\n  showRules = true,\n  showStrengthLabel = true,\n  ...props\n}: PasswordStrengthInputProps) => {\n  const sortedSegments = [...segments].sort((a, b) => a.minScore - b.minScore);\n  const segmentCount = sortedSegments.length;\n\n  const validCount = rules.filter((rule) => rule.isValid).length;\n  const scorePercent = rules.length > 0 ? (validCount / rules.length) * 100 : 0;\n\n  const hasValue = props.value && String(props.value).length > 0;\n\n  const currentSegment = [...sortedSegments]\n    .reverse()\n    .find((segment) => scorePercent >= segment.minScore);\n  const currentLabel = hasValue ? (currentSegment?.label ?? '') : '';\n\n  const getSegmentColor = (index: number) => {\n    if (!hasValue) return '#e5e7eb';\n    const segment = sortedSegments[index];\n    if (scorePercent >= segment.minScore) {\n      const hue = (index / (segmentCount - 1)) * 120;\n      return `hsl(${hue}, 70%, 45%)`;\n    }\n    return '#e5e7eb';\n  };\n\n  return (\n    <div>\n      <PasswordInput {...props} />\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: '8px',\n          marginTop: '8px',\n        }}\n      >\n        <div style={{ display: 'flex', gap: '4px', flex: 1 }}>\n          {sortedSegments.map((_, index) => (\n            <div\n              key={index}\n              style={{\n                flex: 1,\n                height: '4px',\n                backgroundColor: getSegmentColor(index),\n                borderRadius: '2px',\n              }}\n            />\n          ))}\n        </div>\n        {showStrengthLabel && currentLabel && (\n          <span\n            style={{ fontSize: '12px', color: '#6b7280', whiteSpace: 'nowrap' }}\n          >\n            {currentLabel}\n          </span>\n        )}\n      </div>\n      {showRules && rules.length > 0 && (\n        <ul\n          style={{\n            listStyle: 'none',\n            padding: 0,\n            margin: '8px 0 0 0',\n            fontSize: '14px',\n          }}\n        >\n          {rules.map((rule, index) => (\n            <li\n              key={index}\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '6px',\n                color: rule.isValid ? '#22c55e' : '#9ca3af',\n              }}\n            >\n              <span>{rule.isValid ? '✓' : '✗'}</span>\n              <span>{rule.text}</span>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n};\n"],"mappings":"sGAmBA,MAAa,GAAyB,CACpC,WAAW,EAAE,CACb,QAAQ,EAAE,CACV,YAAY,GACZ,oBAAoB,GACpB,GAAG,KAC6B,CAChC,IAAM,EAAiB,CAAC,GAAG,EAAS,CAAC,MAAM,EAAG,IAAM,EAAE,SAAW,EAAE,SAAS,CACtE,EAAe,EAAe,OAE9B,EAAa,EAAM,OAAQ,GAAS,EAAK,QAAQ,CAAC,OAClD,EAAe,EAAM,OAAS,EAAK,EAAa,EAAM,OAAU,IAAM,EAEtE,EAAW,EAAM,OAAS,OAAO,EAAM,MAAM,CAAC,OAAS,EAEvD,EAAiB,CAAC,GAAG,EAAe,CACvC,SAAS,CACT,KAAM,GAAY,GAAgB,EAAQ,SAAS,CAChD,EAAe,EAAY,GAAgB,OAAS,GAAM,GAE1D,EAAmB,GAClB,GAED,GADY,EAAe,GACH,SAEnB,OADM,GAAS,EAAe,GAAM,IACzB,aAEb,UAGT,OACE,EAAC,MAAA,CAAA,SAAA,CACC,EAAC,EAAA,CAAc,GAAI,EAAA,CAAS,CAC5B,EAAC,MAAA,CACC,MAAO,CACL,QAAS,OACT,WAAY,SACZ,IAAK,MACL,UAAW,MACZ,WAED,EAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,IAAK,MAAO,KAAM,EAAG,UACjD,EAAe,KAAK,EAAG,IACtB,EAAC,MAAA,CAEC,MAAO,CACL,KAAM,EACN,OAAQ,MACR,gBAAiB,EAAgB,EAAM,CACvC,aAAc,MACf,CAAA,CANI,EAOL,CACF,EACE,CACL,GAAqB,GACpB,EAAC,OAAA,CACC,MAAO,CAAE,SAAU,OAAQ,MAAO,UAAW,WAAY,SAAU,UAElE,GACI,CAAA,EAEL,CACL,GAAa,EAAM,OAAS,GAC3B,EAAC,KAAA,CACC,MAAO,CACL,UAAW,OACX,QAAS,EACT,OAAQ,YACR,SAAU,OACX,UAEA,EAAM,KAAK,EAAM,IAChB,EAAC,KAAA,CAEC,MAAO,CACL,QAAS,OACT,WAAY,SACZ,IAAK,MACL,MAAO,EAAK,QAAU,UAAY,UACnC,WAED,EAAC,OAAA,CAAA,SAAM,EAAK,QAAU,IAAM,IAAA,CAAW,CACvC,EAAC,OAAA,CAAA,SAAM,EAAK,KAAA,CAAY,CAAA,EATnB,EAUF,CACL,EACC,GAEH"}
+{"version":3,"file":"PasswordStrengthInput.mjs","names":[],"sources":["../../../../src/components/controls/password-input/PasswordStrengthInput.tsx"],"sourcesContent":["import { cx } from '@mage-ui/styled-system/css';\nimport {\n  passwordStrengthInput,\n  passwordStrengthInputBar,\n  passwordStrengthInputBarWrapper,\n  passwordStrengthInputInput,\n  passwordStrengthInputInputButtonIcon,\n  passwordStrengthInputInputButtonIconIcon,\n  passwordStrengthInputInputButtonIconIconRaw,\n  passwordStrengthInputInputButtonIconIconRawRoot,\n  passwordStrengthInputInputButtonIconRoot,\n  passwordStrengthInputInputDescription,\n  passwordStrengthInputInputError,\n  passwordStrengthInputInputInput,\n  passwordStrengthInputInputLabel,\n  passwordStrengthInputInputRequired,\n  passwordStrengthInputInputRoot,\n  passwordStrengthInputInputSection,\n  passwordStrengthInputInputWrapper,\n  passwordStrengthInputRoot,\n  passwordStrengthInputRule,\n  passwordStrengthInputRuleIcon,\n  passwordStrengthInputRuleIconIconRaw,\n  passwordStrengthInputRuleIconIconRawRoot,\n  passwordStrengthInputRuleIconRoot,\n  passwordStrengthInputRules,\n  passwordStrengthInputRuleText,\n  passwordStrengthInputSegment,\n  passwordStrengthInputStrengthLabel,\n  passwordStrengthInputStrengthWrapper,\n} from '@mage-ui/styled-system/recipes';\nimport { Icon, type IconProps } from '@/components/data-display';\n\nimport { PasswordInput, type PasswordInputProps } from './PasswordInput';\n\nexport type PasswordRule = {\n  text: string;\n  isValid: boolean;\n};\n\nexport type PasswordSegment = {\n  minScore: number;\n  label: string;\n};\n\nexport type PasswordStrengthInputProps = PasswordInputProps & {\n  segments?: PasswordSegment[];\n  rules?: PasswordRule[];\n  showRules?: boolean;\n  showStrengthLabel?: boolean;\n  classNames?: {\n    passwordStrengthInput?: string;\n    root?: string;\n    strengthWrapper?: string;\n    barWrapper?: string;\n    bar?: string;\n    segment?: string;\n    strengthLabel?: string;\n    rules?: string;\n    rule?: string;\n    ruleIcon?: IconProps['classNames'];\n    ruleText?: string;\n    passwordInput?: PasswordInputProps['classNames'];\n  };\n};\n\nexport const PasswordStrengthInput = ({\n  segments = [],\n  rules = [],\n  showRules = true,\n  showStrengthLabel = true,\n  classNames,\n  ...props\n}: PasswordStrengthInputProps) => {\n  const sortedSegments = [...segments].sort((a, b) => a.minScore - b.minScore);\n  const segmentCount = sortedSegments.length;\n\n  const validCount = rules.filter((rule) => rule.isValid).length;\n  const scorePercent = rules.length > 0 ? (validCount / rules.length) * 100 : 0;\n\n  const hasRulesDisplay = showRules && rules.length > 0;\n\n  const hasValue = props.value && String(props.value).length > 0;\n\n  const currentSegment = [...sortedSegments]\n    .reverse()\n    .find((segment) => scorePercent >= segment.minScore);\n  const currentLabel = hasValue ? (currentSegment?.label ?? '') : '';\n\n  const getSegmentColor = (index: number) => {\n    if (!hasValue) {\n      return 'var(--password-strength-input-segment-background)';\n    }\n\n    const segment = sortedSegments[index];\n\n    if (scorePercent >= segment.minScore) {\n      const ratio = segmentCount > 1 ? index / (segmentCount - 1) : 1;\n\n      return `hsl(\n        calc(\n          var(--password-strength-input-segment-hue-start) +\n          ${ratio} *\n          (var(--password-strength-input-segment-hue-end) -\n           var(--password-strength-input-segment-hue-start))\n        ),\n        var(--password-strength-input-segment-saturation),\n        var(--password-strength-input-segment-lightness)\n      )`;\n    }\n\n    return 'var(--password-strength-input-segment-background)';\n  };\n\n  // const getSegmentColor = (index: number) => {\n  //   if (!hasValue) {\n  //     return 'var(--password-strength-input-segment-background)';\n  //   }\n\n  //   const segment = sortedSegments[index];\n\n  //   if (scorePercent >= segment.minScore) {\n  //     const ratio =\n  //       segmentCount > 1 ? index / (segmentCount - 1) : 1;\n\n  //     const percentage = Math.round(ratio * 100);\n\n  //     return `color-mix(\n  //       in oklch,\n  //       var(--password-strength-input-segment-color-start) ${100 - percentage}%,\n  //       var(--password-strength-input-segment-color-end) ${percentage}%\n  //     )`;\n  //   }\n\n  //   return 'var(--password-strength-input-segment-background)';\n  // };\n\n  return (\n    <div\n      className={cx(\n        classNames?.passwordStrengthInput ?? passwordStrengthInput(),\n        classNames?.root ?? passwordStrengthInputRoot(),\n      )}\n      data-scope='passwordStrengthInput'\n      data-rules={hasRulesDisplay}\n    >\n      <PasswordInput\n        classNames={{\n          passwordInput:\n            classNames?.passwordInput ?? passwordStrengthInputInput(),\n          root:\n            classNames?.passwordInput?.root ?? passwordStrengthInputInputRoot(),\n          label:\n            classNames?.passwordInput?.label ??\n            passwordStrengthInputInputLabel(),\n          description:\n            classNames?.passwordInput?.description ??\n            passwordStrengthInputInputDescription(),\n          error:\n            classNames?.passwordInput?.error ??\n            passwordStrengthInputInputError(),\n          wrapper:\n            classNames?.passwordInput?.wrapper ??\n            passwordStrengthInputInputWrapper(),\n          required:\n            classNames?.passwordInput?.required ??\n            passwordStrengthInputInputRequired(),\n          input:\n            classNames?.passwordInput?.input ??\n            passwordStrengthInputInputInput(),\n          section:\n            classNames?.passwordInput?.section ??\n            passwordStrengthInputInputSection(),\n          buttonIcon: {\n            buttonIcon:\n              classNames?.passwordInput?.buttonIcon?.buttonIcon ??\n              passwordStrengthInputInputButtonIcon(),\n            root:\n              classNames?.passwordInput?.buttonIcon?.root ??\n              passwordStrengthInputInputButtonIconRoot(),\n            icon:\n              classNames?.passwordInput?.buttonIcon?.icon ??\n              passwordStrengthInputInputButtonIconIcon(),\n            iconRaw: {\n              iconRaw:\n                classNames?.passwordInput?.buttonIcon?.iconRaw?.iconRaw ??\n                passwordStrengthInputInputButtonIconIconRaw(),\n              root:\n                classNames?.passwordInput?.buttonIcon?.iconRaw?.root ??\n                passwordStrengthInputInputButtonIconIconRawRoot(),\n            },\n          },\n        }}\n        {...props}\n      />\n      <div\n        className={cx(\n          classNames?.strengthWrapper ?? passwordStrengthInputStrengthWrapper(),\n        )}\n      >\n        <div\n          className={cx(\n            classNames?.barWrapper ?? passwordStrengthInputBarWrapper(),\n          )}\n        >\n          <div className={cx(classNames?.bar ?? passwordStrengthInputBar())}>\n            {sortedSegments.map((_, index) => (\n              <div\n                key={index}\n                style={{\n                  backgroundColor: getSegmentColor(index),\n                }}\n                className={cx(\n                  classNames?.segment ?? passwordStrengthInputSegment(),\n                )}\n              />\n            ))}\n          </div>\n          {showStrengthLabel && currentLabel && (\n            <span\n              className={cx(\n                classNames?.strengthLabel ??\n                  passwordStrengthInputStrengthLabel(),\n              )}\n            >\n              {currentLabel}\n            </span>\n          )}\n        </div>\n        {hasRulesDisplay && (\n          <ul className={cx(classNames?.rules ?? passwordStrengthInputRules())}>\n            {rules.map((rule, index) => (\n              <li\n                key={index}\n                className={cx(classNames?.rule ?? passwordStrengthInputRule())}\n                data-valid={rule.isValid || undefined}\n              >\n                <Icon\n                  path='/icons/sprite-mage.svg'\n                  name={\n                    rule.isValid\n                      ? 'mage-password-input-strength-rule-check'\n                      : 'mage-password-input-strength-rule-x'\n                  }\n                  classNames={{\n                    icon:\n                      classNames?.ruleIcon?.icon ??\n                      passwordStrengthInputRuleIcon(),\n                    root:\n                      classNames?.ruleIcon?.root ??\n                      passwordStrengthInputRuleIconRoot(),\n                    iconRaw: {\n                      iconRaw:\n                        classNames?.ruleIcon?.iconRaw?.iconRaw ??\n                        passwordStrengthInputRuleIconIconRaw(),\n                      root:\n                        classNames?.ruleIcon?.iconRaw?.root ??\n                        passwordStrengthInputRuleIconIconRawRoot(),\n                    },\n                  }}\n                />\n                <span\n                  className={cx(\n                    classNames?.ruleText ?? passwordStrengthInputRuleText(),\n                  )}\n                >\n                  {rule.text}\n                </span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/controls/password-input/usePasswordRules.d.mts

@@ -1,4 +1,4 @@
-import "./PasswordStrengthInput.mjs";
+import { PasswordRule } from "./PasswordStrengthInput.mjs";
 
 //#region src/components/controls/password-input/usePasswordRules.d.ts
 type PasswordRuleDefinition = {
@@ -6,6 +6,7 @@ type PasswordRuleDefinition = {
   text: string;
   validate: (value: string) => boolean;
 };
+declare const usePasswordRules: (value: string, definitions: PasswordRuleDefinition[], t?: (key: string, bindings?: Record<string, string>, fallback?: string) => string) => PasswordRule[];
 //#endregion
-export { PasswordRuleDefinition };
+export { PasswordRuleDefinition, usePasswordRules };
 //# sourceMappingURL=usePasswordRules.d.mts.map

package/dist/components/controls/password-input/usePasswordRules.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"usePasswordRules.d.mts","names":[],"sources":["../../../../src/components/controls/password-input/usePasswordRules.ts"],"mappings":";;;KAIY,sBAAA;EACV,GAAA;EACA,IAAA;EACA,QAAA,GAAW,KAAA;AAAA"}
+{"version":3,"file":"usePasswordRules.d.mts","names":[],"sources":["../../../../src/components/controls/password-input/usePasswordRules.ts"],"mappings":";;;KAIY,sBAAA;EACV,GAAA;EACA,IAAA;EACA,QAAA,GAAW,KAAA;AAAA;AAAA,cAGA,gBAAA,GACX,KAAA,UACA,WAAA,EAAa,sBAAA,IACb,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,yBAED,YAAA"}

package/dist/components/controls/password-input-strength/oldPasswordInputStrength.d.mts

@@ -1,5 +1,5 @@
 import { PasswordInputProps } from "../password-input/PasswordInput.mjs";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region src/components/controls/password-input-strength/oldPasswordInputStrength.d.ts
 type PasswordInputStrengthProps = Omit<PasswordInputProps, 'classNames'> & {
@@ -37,7 +37,7 @@ declare const PasswordInputStrength: ({
   weakPasswordText,
   mediumPasswordText,
   strongPasswordText
-}: PasswordInputStrengthProps) => react_jsx_runtime33.JSX.Element;
+}: PasswordInputStrengthProps) => react_jsx_runtime35.JSX.Element;
 //#endregion
 export { PasswordInputStrength, PasswordInputStrengthProps };
 //# sourceMappingURL=oldPasswordInputStrength.d.mts.map

package/dist/components/controls/select/Select.d.mts

@@ -1,5 +1,5 @@
 import { DropdownProps } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/controls/select/Select.d.ts
@@ -32,7 +32,7 @@ declare const Select: ({
   emptyMessage,
   btnClearLabel,
   classNames
-}: SelectProps) => react_jsx_runtime34.JSX.Element;
+}: SelectProps) => react_jsx_runtime36.JSX.Element;
 //#endregion
 export { Select, SelectProps };
 //# sourceMappingURL=Select.d.mts.map

package/dist/components/controls/text-input/TextInput.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/text-input/TextInput.d.ts
@@ -26,7 +26,7 @@ declare const TextInput: ({
   startSlot,
   endSlot,
   ...props
-}: TextInputProps) => react_jsx_runtime35.JSX.Element;
+}: TextInputProps) => react_jsx_runtime37.JSX.Element;
 //#endregion
 export { TextInput, TextInputProps };
 //# sourceMappingURL=TextInput.d.mts.map

package/dist/components/controls/textarea/Textarea.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/textarea/Textarea.d.ts
@@ -41,7 +41,7 @@ declare const Textarea: ({
   autosize,
   minRows,
   maxRows
-}: TextareaProps) => react_jsx_runtime36.JSX.Element;
+}: TextareaProps) => react_jsx_runtime38.JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
 //# sourceMappingURL=Textarea.d.mts.map

package/dist/components/controls/utils/chevron/Chevron.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime64 from "react/jsx-runtime";
+import * as react_jsx_runtime67 from "react/jsx-runtime";
 
 //#region src/components/controls/utils/chevron/Chevron.d.ts
 type ChevronProps = {
@@ -21,7 +21,7 @@ declare const Chevron: ({
   chevronOpen,
   chevronClose,
   classNames
-}: ChevronProps) => react_jsx_runtime64.JSX.Element;
+}: ChevronProps) => react_jsx_runtime67.JSX.Element;
 //#endregion
 export { Chevron, ChevronProps };
 //# sourceMappingURL=Chevron.d.mts.map

package/dist/components/controls/utils/clear-button/ClearButton.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime63 from "react/jsx-runtime";
+import * as react_jsx_runtime66 from "react/jsx-runtime";
 
 //#region src/components/controls/utils/clear-button/ClearButton.d.ts
 type ClearButtonProps = {
@@ -20,7 +20,7 @@ declare const ClearButton: ({
   onClick,
   name,
   classNames
-}: ClearButtonProps) => react_jsx_runtime63.JSX.Element;
+}: ClearButtonProps) => react_jsx_runtime66.JSX.Element;
 //#endregion
 export { ClearButton, ClearButtonProps };
 //# sourceMappingURL=ClearButton.d.mts.map

package/dist/components/data-display/assigned-user/AssignedUser.d.mts

@@ -1,7 +1,7 @@
 import { AvatarProps } from "../avatar/Avatar.mjs";
 import { RemovableItemProps } from "../removable-item/RemovableItem.mjs";
 import "../index.mjs";
-import * as react_jsx_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime45 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/assigned-user/AssignedUser.d.ts
@@ -31,7 +31,7 @@ declare const AssignedUser: ({
   removeButtonLabel,
   children,
   classNames
-}: AssignedUserProps) => react_jsx_runtime37.JSX.Element;
+}: AssignedUserProps) => react_jsx_runtime45.JSX.Element;
 //#endregion
 export { AssignedUser, AssignedUserProps };
 //# sourceMappingURL=AssignedUser.d.mts.map

package/dist/components/data-display/avatar/Avatar.d.mts

@@ -1,5 +1,5 @@
 import { AvatarVariantProps } from "@mage-ui/styled-system/recipes";
-import * as react_jsx_runtime38 from "react/jsx-runtime";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
 
 //#region src/components/data-display/avatar/Avatar.d.ts
 type AvatarProps = {
@@ -18,7 +18,7 @@ declare const Avatar: ({
   name,
   src,
   alt
-}: AvatarProps) => react_jsx_runtime38.JSX.Element;
+}: AvatarProps) => react_jsx_runtime46.JSX.Element;
 //#endregion
 export { Avatar, AvatarProps };
 //# sourceMappingURL=Avatar.d.mts.map

package/dist/components/data-display/badge/Badge.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime47 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/data-display/badge/Badge.d.ts
@@ -18,7 +18,7 @@ declare const Badge: ({
   endSlot,
   startSlot,
   classNames
-}: BadgeProps) => react_jsx_runtime39.JSX.Element;
+}: BadgeProps) => react_jsx_runtime47.JSX.Element;
 //#endregion
 export { Badge, BadgeProps };
 //# sourceMappingURL=Badge.d.mts.map

package/dist/components/data-display/calendar/Calendar.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime48 from "react/jsx-runtime";
 import { CSSProperties } from "react";
 import { DateLocalizer, DateLocalizer as DateLocalizer$1, Event, Event as CalendarEvent, momentLocalizer } from "react-big-calendar";
 
@@ -60,7 +60,7 @@ declare const Calendar$1: ({
   messages,
   popup,
   components
-}: CalendarProps) => react_jsx_runtime40.JSX.Element;
+}: CalendarProps) => react_jsx_runtime48.JSX.Element;
 //#endregion
 export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, type DateLocalizer$1 as DateLocalizer, momentLocalizer };
 //# sourceMappingURL=Calendar.d.mts.map

package/dist/components/data-display/loader-dot/LoaderDot.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime49 from "react/jsx-runtime";
 
 //#region src/components/data-display/loader-dot/LoaderDot.d.ts
 type LoaderDotProps = {
@@ -9,7 +9,7 @@ type LoaderDotProps = {
 };
 declare const LoaderDot: ({
   classNames
-}: LoaderDotProps) => react_jsx_runtime41.JSX.Element;
+}: LoaderDotProps) => react_jsx_runtime49.JSX.Element;
 //#endregion
 export { LoaderDot, LoaderDotProps };
 //# sourceMappingURL=LoaderDot.d.mts.map

package/dist/components/data-display/loader-oval/LoaderOval.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 
 //#region src/components/data-display/loader-oval/LoaderOval.d.ts
 type LoaderOvalProps = {
@@ -9,7 +9,7 @@ type LoaderOvalProps = {
 };
 declare const LoaderOval: ({
   classNames
-}: LoaderOvalProps) => react_jsx_runtime42.JSX.Element;
+}: LoaderOvalProps) => react_jsx_runtime50.JSX.Element;
 //#endregion
 export { LoaderOval, LoaderOvalProps };
 //# sourceMappingURL=LoaderOval.d.mts.map

package/dist/components/data-display/removable-item/RemovableItem.d.mts

@@ -1,6 +1,6 @@
 import { ButtonIconProps } from "../../buttons/button-icon/ButtonIcon.mjs";
 import "../../buttons/index.mjs";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/data-display/removable-item/RemovableItem.d.ts
@@ -23,7 +23,7 @@ declare const RemovableItem: ({
   onRemove,
   removeButtonLabel,
   classNames
-}: RemovableItemProps) => react_jsx_runtime43.JSX.Element;
+}: RemovableItemProps) => react_jsx_runtime51.JSX.Element;
 //#endregion
 export { RemovableItem, RemovableItemProps };
 //# sourceMappingURL=RemovableItem.d.mts.map