@mage-ui/components 1.0.18 → 1.0.19

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

@@ -1,5 +1,5 @@
 import { ButtonVariantProps } from "@mage-ui/styled-system/recipes";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime32 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_runtime16.JSX.Element;
+}: ButtonProps) => react_jsx_runtime32.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_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime33 from "react/jsx-runtime";
 import { ReactNode } from "react";
 
 //#region src/components/buttons/button-action/ButtonAction.d.ts
@@ -12,7 +12,6 @@ type ButtonActionProps = Omit<ButtonProps, 'classNames'> & {
   loading: boolean;
   loadingText?: string;
   successText?: string;
-  errorText?: string;
   successDuration?: number;
 };
 declare const ButtonAction: ({
@@ -24,11 +23,10 @@ declare const ButtonAction: ({
   loading,
   loadingText,
   successText,
-  errorText,
   successDuration,
   disabled,
   ...props
-}: ButtonActionProps) => react_jsx_runtime17.JSX.Element;
+}: ButtonActionProps) => react_jsx_runtime33.JSX.Element;
 //#endregion
 export { ButtonAction, ButtonActionProps };
 //# sourceMappingURL=ButtonAction.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonAction.d.mts","names":[],"sources":["../../../../src/components/buttons/button-action/ButtonAction.tsx"],"mappings":";;;;;KAiBY,iBAAA,GAAoB,IAAA,CAAK,WAAA;EACnC,UAAA,GAAa,IAAA,CAAK,WAAA,CAAY,WAAA;IAC5B,YAAA;IACA,MAAA;EAAA;EAEF,MAAA,GAAS,SAAA;EACT,OAAA;EACA,WAAA;EACA,WAAA;EACA,SAAA;EACA,eAAA;AAAA;AAAA,cAiCW,YAAA;EAAgB,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,WAAA;EAAA,WAAA;EAAA,SAAA;EAAA,eAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAa1B,iBAAA,KAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ButtonAction.d.mts","names":[],"sources":["../../../../src/components/buttons/button-action/ButtonAction.tsx"],"mappings":";;;;;KAiBY,iBAAA,GAAoB,IAAA,CAAK,WAAA;EACnC,UAAA,GAAa,IAAA,CAAK,WAAA,CAAY,WAAA;IAC5B,YAAA;IACA,MAAA;EAAA;EAEF,MAAA,GAAS,SAAA;EACT,OAAA;EACA,WAAA;EACA,WAAA;EACA,eAAA;AAAA;AAAA,cAiCW,YAAA;EAAgB,UAAA;EAAA,SAAA;EAAA,OAAA;EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,WAAA;EAAA,WAAA;EAAA,eAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAY1B,iBAAA,KAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/buttons/button-action/ButtonAction.mjs

@@ -1,2 +1,2 @@
-import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.mjs";import{ButtonActionProvider as t}from"./ButtonActionContext.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{buttonAction as r,buttonActionInner as i,buttonActionLabel as a,buttonActionLoader as o,buttonActionRoot as s,buttonActionSection as c}from"@mage-ui/styled-system/recipes";import{Button as l}from"@mantine/core";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useEffect as f,useRef as p,useState as m}from"react";const h=({loading:e,successText:t,successDuration:n=2e3})=>{let[r,i]=m(!1),a=p(e);return f(()=>{if(a.current&&!e&&t){i(!0);let e=setTimeout(()=>{i(!1)},n);return()=>clearTimeout(e)}a.current=e},[e,t,n]),e?`loading`:r?`success`:`idle`},g=({classNames:f,startSlot:p,endSlot:m,children:g,loader:_,loading:v,loadingText:y,successText:b,errorText:x,successDuration:S,disabled:C,...w})=>{let T=h({loading:v,successText:b,successDuration:S}),E=T===`loading`,D=T===`success`,O=()=>E&&y?y:D&&b?b:g,k=E||D||C;return d(l,{classNames:{inner:f?.inner??i(),label:f?.label??a(),root:n(f?.buttonAction??r(),f?.root??s()),loader:f?.loader??o(),section:f?.section??c()},leftSection:p,rightSection:m,loading:E,disabled:k,"aria-busy":k,...w,children:[_&&u(t,{value:{isLoading:E,isSuccess:D},children:_}),O(),u(e,{"aria-live":`polite`,children:O()})]})};export{g as ButtonAction};
+import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.mjs";import{ButtonActionProvider as t}from"./ButtonActionContext.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{buttonAction as r,buttonActionInner as i,buttonActionLabel as a,buttonActionLoader as o,buttonActionRoot as s,buttonActionSection as c}from"@mage-ui/styled-system/recipes";import{Button as l}from"@mantine/core";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useEffect as f,useRef as p,useState as m}from"react";const h=({loading:e,successText:t,successDuration:n=2e3})=>{let[r,i]=m(!1),a=p(e);return f(()=>{if(a.current&&!e&&t){i(!0);let e=setTimeout(()=>{i(!1)},n);return()=>clearTimeout(e)}a.current=e},[e,t,n]),e?`loading`:r?`success`:`idle`},g=({classNames:f,startSlot:p,endSlot:m,children:g,loader:_,loading:v,loadingText:y,successText:b,successDuration:x,disabled:S,...C})=>{let w=h({loading:v,successText:b,successDuration:x}),T=w===`loading`,E=w===`success`,D=()=>T&&y?y:E&&b?b:g,O=T||E||S;return d(l,{classNames:{inner:f?.inner??i(),label:f?.label??a(),root:n(f?.buttonAction??r(),f?.root??s()),loader:f?.loader??o(),section:f?.section??c()},leftSection:p,rightSection:m,loading:T,disabled:O,"aria-busy":O,...C,children:[_&&u(t,{value:{isLoading:T,isSuccess:E},children:_}),D(),u(e,{"aria-live":`polite`,children:D()})]})};export{g as ButtonAction};
 //# sourceMappingURL=ButtonAction.mjs.map

package/dist/components/buttons/button-action/ButtonAction.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonAction.mjs","names":["MantineButton","VisuallyHidden"],"sources":["../../../../src/components/buttons/button-action/ButtonAction.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonAction,\n  buttonActionInner,\n  buttonActionLabel,\n  buttonActionLoader,\n  buttonActionRoot,\n  buttonActionSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button as MantineButton } from '@mantine/core';\nimport type { ButtonProps } from '@/components/buttons/button/Button';\nimport { VisuallyHidden } from '@/components/misc/visually-hidden/VisuallyHidden';\n\nimport { ButtonActionProvider } from './ButtonActionContext';\n\nexport type ButtonActionProps = Omit<ButtonProps, 'classNames'> & {\n  classNames?: Omit<NonNullable<ButtonProps['classNames']>, 'button'> & {\n    buttonAction?: string;\n    loader?: string;\n  };\n  loader?: ReactNode;\n  loading: boolean;\n  loadingText?: string;\n  successText?: string;\n  errorText?: string;\n  successDuration?: number;\n};\n\ntype ButtonActionStatus = 'idle' | 'loading' | 'success' | 'error';\n\nconst useButtonActionState = ({\n  loading,\n  successText,\n  successDuration = 2000,\n}: {\n  loading: boolean;\n  successText?: string;\n  successDuration?: number;\n}): ButtonActionStatus => {\n  const [showSuccess, setShowSuccess] = useState(false);\n  const prevLoadingRef = useRef(loading);\n\n  useEffect(() => {\n    if (prevLoadingRef.current && !loading) {\n      if (successText) {\n        setShowSuccess(true);\n        const timer = setTimeout(() => {\n          setShowSuccess(false);\n        }, successDuration);\n        return () => clearTimeout(timer);\n      }\n    }\n    prevLoadingRef.current = loading;\n  }, [loading, successText, successDuration]);\n\n  return loading ? 'loading' : showSuccess ? 'success' : 'idle';\n};\n\nexport const ButtonAction = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  loader,\n  loading,\n  loadingText,\n  successText,\n  errorText,\n  successDuration,\n  disabled,\n  ...props\n}: ButtonActionProps) => {\n  const status = useButtonActionState({\n    loading,\n    successText,\n    successDuration,\n  });\n\n  const isLoading = status === 'loading';\n  const isSuccess = status === 'success';\n\n  const getLabelContent = () => {\n    if (isLoading && loadingText) return loadingText;\n    if (isSuccess && successText) return successText;\n    return children;\n  };\n\n  const isDisabled = isLoading || isSuccess || disabled;\n\n  return (\n    <MantineButton\n      classNames={{\n        inner: classNames?.inner ?? buttonActionInner(),\n        label: classNames?.label ?? buttonActionLabel(),\n        root: cx(\n          classNames?.buttonAction ?? buttonAction(),\n          classNames?.root ?? buttonActionRoot(),\n        ),\n        loader: classNames?.loader ?? buttonActionLoader(),\n        section: classNames?.section ?? buttonActionSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      loading={isLoading}\n      disabled={isDisabled}\n      aria-busy={isDisabled}\n      {...props}\n    >\n      {loader && (\n        <ButtonActionProvider value={{ isLoading, isSuccess }}>\n          {loader}\n        </ButtonActionProvider>\n      )}\n      {getLabelContent()}\n\n      <VisuallyHidden aria-live='polite'>{getLabelContent()}</VisuallyHidden>\n    </MantineButton>\n  );\n};\n"],"mappings":"wgBAgCA,MAAM,GAAwB,CAC5B,UACA,cACA,kBAAkB,OAKM,CACxB,GAAM,CAAC,EAAa,GAAkB,EAAS,GAAM,CAC/C,EAAiB,EAAO,EAAQ,CAetC,OAbA,MAAgB,CACd,GAAI,EAAe,SAAW,CAAC,GACzB,EAAa,CACf,EAAe,GAAK,CACpB,IAAM,EAAQ,eAAiB,CAC7B,EAAe,GAAM,EACpB,EAAgB,CACnB,UAAa,aAAa,EAAM,CAGpC,EAAe,QAAU,GACxB,CAAC,EAAS,EAAa,EAAgB,CAAC,CAEpC,EAAU,UAAY,EAAc,UAAY,QAG5C,GAAgB,CAC3B,aACA,YACA,UACA,WACA,SACA,UACA,cACA,cACA,YACA,kBACA,WACA,GAAG,KACoB,CACvB,IAAM,EAAS,EAAqB,CAClC,UACA,cACA,kBACD,CAAC,CAEI,EAAY,IAAW,UACvB,EAAY,IAAW,UAEvB,MACA,GAAa,EAAoB,EACjC,GAAa,EAAoB,EAC9B,EAGH,EAAa,GAAa,GAAa,EAE7C,OACE,EAACA,EAAAA,CACC,WAAY,CACV,MAAO,GAAY,OAAS,GAAmB,CAC/C,MAAO,GAAY,OAAS,GAAmB,CAC/C,KAAM,EACJ,GAAY,cAAgB,GAAc,CAC1C,GAAY,MAAQ,GAAkB,CACvC,CACD,OAAQ,GAAY,QAAU,GAAoB,CAClD,QAAS,GAAY,SAAW,GAAqB,CACtD,CACD,YAAa,EACb,aAAc,EACd,QAAS,EACT,SAAU,EACV,YAAW,EACX,GAAI,YAEH,GACC,EAAC,EAAA,CAAqB,MAAO,CAAE,YAAW,YAAW,UAClD,GACoB,CAExB,GAAiB,CAElB,EAACC,EAAAA,CAAe,YAAU,kBAAU,GAAiB,EAAkB,GACzD"}
+{"version":3,"file":"ButtonAction.mjs","names":["MantineButton","VisuallyHidden"],"sources":["../../../../src/components/buttons/button-action/ButtonAction.tsx"],"sourcesContent":["import { type ReactNode, useEffect, useRef, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  buttonAction,\n  buttonActionInner,\n  buttonActionLabel,\n  buttonActionLoader,\n  buttonActionRoot,\n  buttonActionSection,\n} from '@mage-ui/styled-system/recipes';\nimport { Button as MantineButton } from '@mantine/core';\nimport type { ButtonProps } from '@/components/buttons/button/Button';\nimport { VisuallyHidden } from '@/components/misc/visually-hidden/VisuallyHidden';\n\nimport { ButtonActionProvider } from './ButtonActionContext';\n\nexport type ButtonActionProps = Omit<ButtonProps, 'classNames'> & {\n  classNames?: Omit<NonNullable<ButtonProps['classNames']>, 'button'> & {\n    buttonAction?: string;\n    loader?: string;\n  };\n  loader?: ReactNode;\n  loading: boolean;\n  loadingText?: string;\n  successText?: string;\n  successDuration?: number;\n};\n\ntype ButtonActionStatus = 'idle' | 'loading' | 'success' | 'error';\n\nconst useButtonActionState = ({\n  loading,\n  successText,\n  successDuration = 2000,\n}: {\n  loading: boolean;\n  successText?: string;\n  successDuration?: number;\n}): ButtonActionStatus => {\n  const [showSuccess, setShowSuccess] = useState(false);\n  const prevLoadingRef = useRef(loading);\n\n  useEffect(() => {\n    if (prevLoadingRef.current && !loading) {\n      if (successText) {\n        setShowSuccess(true);\n        const timer = setTimeout(() => {\n          setShowSuccess(false);\n        }, successDuration);\n        return () => clearTimeout(timer);\n      }\n    }\n    prevLoadingRef.current = loading;\n  }, [loading, successText, successDuration]);\n\n  return loading ? 'loading' : showSuccess ? 'success' : 'idle';\n};\n\nexport const ButtonAction = ({\n  classNames,\n  startSlot,\n  endSlot,\n  children,\n  loader,\n  loading,\n  loadingText,\n  successText,\n  successDuration,\n  disabled,\n  ...props\n}: ButtonActionProps) => {\n  const status = useButtonActionState({\n    loading,\n    successText,\n    successDuration,\n  });\n\n  const isLoading = status === 'loading';\n  const isSuccess = status === 'success';\n\n  const getLabelContent = () => {\n    if (isLoading && loadingText) return loadingText;\n    if (isSuccess && successText) return successText;\n    return children;\n  };\n\n  const isDisabled = isLoading || isSuccess || disabled;\n\n  return (\n    <MantineButton\n      classNames={{\n        inner: classNames?.inner ?? buttonActionInner(),\n        label: classNames?.label ?? buttonActionLabel(),\n        root: cx(\n          classNames?.buttonAction ?? buttonAction(),\n          classNames?.root ?? buttonActionRoot(),\n        ),\n        loader: classNames?.loader ?? buttonActionLoader(),\n        section: classNames?.section ?? buttonActionSection(),\n      }}\n      leftSection={startSlot}\n      rightSection={endSlot}\n      loading={isLoading}\n      disabled={isDisabled}\n      aria-busy={isDisabled}\n      {...props}\n    >\n      {loader && (\n        <ButtonActionProvider value={{ isLoading, isSuccess }}>\n          {loader}\n        </ButtonActionProvider>\n      )}\n      {getLabelContent()}\n\n      <VisuallyHidden aria-live='polite'>{getLabelContent()}</VisuallyHidden>\n    </MantineButton>\n  );\n};\n"],"mappings":"wgBA+BA,MAAM,GAAwB,CAC5B,UACA,cACA,kBAAkB,OAKM,CACxB,GAAM,CAAC,EAAa,GAAkB,EAAS,GAAM,CAC/C,EAAiB,EAAO,EAAQ,CAetC,OAbA,MAAgB,CACd,GAAI,EAAe,SAAW,CAAC,GACzB,EAAa,CACf,EAAe,GAAK,CACpB,IAAM,EAAQ,eAAiB,CAC7B,EAAe,GAAM,EACpB,EAAgB,CACnB,UAAa,aAAa,EAAM,CAGpC,EAAe,QAAU,GACxB,CAAC,EAAS,EAAa,EAAgB,CAAC,CAEpC,EAAU,UAAY,EAAc,UAAY,QAG5C,GAAgB,CAC3B,aACA,YACA,UACA,WACA,SACA,UACA,cACA,cACA,kBACA,WACA,GAAG,KACoB,CACvB,IAAM,EAAS,EAAqB,CAClC,UACA,cACA,kBACD,CAAC,CAEI,EAAY,IAAW,UACvB,EAAY,IAAW,UAEvB,MACA,GAAa,EAAoB,EACjC,GAAa,EAAoB,EAC9B,EAGH,EAAa,GAAa,GAAa,EAE7C,OACE,EAACA,EAAAA,CACC,WAAY,CACV,MAAO,GAAY,OAAS,GAAmB,CAC/C,MAAO,GAAY,OAAS,GAAmB,CAC/C,KAAM,EACJ,GAAY,cAAgB,GAAc,CAC1C,GAAY,MAAQ,GAAkB,CACvC,CACD,OAAQ,GAAY,QAAU,GAAoB,CAClD,QAAS,GAAY,SAAW,GAAqB,CACtD,CACD,YAAa,EACb,aAAc,EACd,QAAS,EACT,SAAU,EACV,YAAW,EACX,GAAI,YAEH,GACC,EAAC,EAAA,CAAqB,MAAO,CAAE,YAAW,YAAW,UAClD,GACoB,CAExB,GAAiB,CAElB,EAACC,EAAAA,CAAe,YAAU,kBAAU,GAAiB,EAAkB,GACzD"}

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

@@ -1,11 +1,11 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime34 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_runtime18.JSX.Element;
+}: ComponentProps<"span">) => react_jsx_runtime34.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_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime35 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_runtime19.JSX.Element;
+}: ButtonIconProps) => react_jsx_runtime35.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_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime36 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_runtime20.JSX.Element;
+}: ButtonIconVisualProps) => react_jsx_runtime36.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_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime31 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_runtime21.JSX.Element;
+}: ButtonVisualProps) => react_jsx_runtime31.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_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime18 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_runtime25.JSX.Element;
+}: AutocompleteProps) => react_jsx_runtime18.JSX.Element;
 //#endregion
 export { Autocomplete, AutocompleteProps, OptionProps };
 //# sourceMappingURL=Autocomplete.d.mts.map

package/dist/components/controls/checkbox/Checkbox.d.mts

@@ -3,12 +3,8 @@ import { ComponentProps, ReactNode } from "react";
 
 //#region src/components/controls/checkbox/Checkbox.d.ts
 type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {
-  checked?: boolean;
   label?: ReactNode;
-  description?: string;
   error?: string;
-  name?: string;
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   classNames?: {
     checkbox?: string;
     root?: string;
@@ -23,25 +19,17 @@ type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {
     description?: string;
     error?: string;
   };
-  indeterminate?: boolean;
   hiddenLabel?: boolean;
 };
 declare const Checkbox: {
   ({
     classNames,
-    name,
     label,
     hiddenLabel,
-    description,
     error,
-    onChange,
-    value,
-    id,
-    disabled,
-    readOnly,
     required,
-    indeterminate,
-    checked
+    value,
+    ...props
   }: CheckboxProps): ReactNode;
   displayName: string;
   Group: {

package/dist/components/controls/checkbox/Checkbox.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.mts","names":[],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"mappings":";;;;KAsBY,aAAA,GAAgB,IAAA,CAAK,cAAA;EAC/B,OAAA;EACA,KAAA,GAAQ,SAAA;EACR,WAAA;EACA,KAAA;EACA,IAAA;EACA,QAAA,IAAY,KAAA,EAAO,KAAA,CAAM,WAAA,CAAY,gBAAA;EACrC,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,SAAA;IACA,YAAA;IACA,aAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;EAAA;EAEF,aAAA;EACA,WAAA;AAAA;AAAA,cAGW,QAAA;EAAA;;;;;;;;;;;;;;;KAeV,aAAA,GAAgB,SAAA"}
+{"version":3,"file":"Checkbox.d.mts","names":[],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"mappings":";;;;KAsBY,aAAA,GAAgB,IAAA,CAAK,cAAA;EAC/B,KAAA,GAAQ,SAAA;EACR,KAAA;EACA,UAAA;IACE,QAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,KAAA;IACA,IAAA;IACA,SAAA;IACA,YAAA;IACA,aAAA;IACA,KAAA;IACA,WAAA;IACA,KAAA;EAAA;EAEF,WAAA;AAAA;AAAA,cAGW,QAAA;EAAA;;;;;;;;KAQV,aAAA,GAAgB,SAAA"}

package/dist/components/controls/checkbox/Checkbox.mjs

@@ -1,2 +1,2 @@
-import{CheckboxGroup as e}from"../checkbox-group/CheckboxGroup.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{checkbox as n,checkboxBody as r,checkboxBodyError as i,checkboxDescription as a,checkboxError as o,checkboxIcon as s,checkboxInner as c,checkboxInput as l,checkboxLabel as u,checkboxLabelRequired as d,checkboxLabelWrapper as f,checkboxRoot as p}from"@mage-ui/styled-system/recipes";import{Checkbox as m}from"@mantine/core";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{visuallyHidden as v}from"@mage-ui/styled-system/patterns";const y=({classNames:e,name:y,label:b,hiddenLabel:x,description:S,error:C,onChange:w,value:T,id:E,disabled:D,readOnly:O,required:k,indeterminate:A,checked:j})=>{let M=k?g(`span`,{className:e?.labelRequired??d(),children:`*`}):null;return g(m,{classNames:{root:t(e?.checkbox??n(),e?.root??p()),input:t(e?.input??l(),`peer`),icon:e?.icon??s(),inner:e?.inner??c(),body:t(e?.body??r(),C&&(e?.bodyError??i())),labelWrapper:e?.labelWrapper??f(),label:t(e?.label??u(),x&&v()),description:e?.description??a(),error:e?.error??o()},label:_(h,{children:[b,` `,M]}),description:S,error:C,name:y,onChange:w,value:T,id:E,disabled:D,required:k,readOnly:O,indeterminate:A,checked:j})};y.displayName=`Checkbox`,y.Group=e;export{y as Checkbox};
+import{CheckboxGroup as e}from"../checkbox-group/CheckboxGroup.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{checkbox as n,checkboxBody as r,checkboxBodyError as i,checkboxDescription as a,checkboxError as o,checkboxIcon as s,checkboxInner as c,checkboxInput as l,checkboxLabel as u,checkboxLabelRequired as d,checkboxLabelWrapper as f,checkboxRoot as p}from"@mage-ui/styled-system/recipes";import{Checkbox as m}from"@mantine/core";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";import{visuallyHidden as v}from"@mage-ui/styled-system/patterns";const y=({classNames:e,label:y,hiddenLabel:b,error:x,required:S,value:C,...w})=>g(m,{classNames:{root:t(e?.checkbox??n(),e?.root??p()),input:t(e?.input??l(),`peer`),icon:e?.icon??s(),inner:e?.inner??c(),body:t(e?.body??r(),x&&(e?.bodyError??i())),labelWrapper:e?.labelWrapper??f(),label:t(e?.label??u(),b&&v()),description:e?.description??a(),error:e?.error??o()},label:_(h,{children:[y,g(()=>S?_(`span`,{className:e?.labelRequired??d(),children:[` `,`*`]}):null,{})]}),checked:!!C,...w});y.displayName=`Checkbox`,y.Group=e;export{y as Checkbox};
 //# sourceMappingURL=Checkbox.mjs.map

package/dist/components/controls/checkbox/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.mjs","names":["Checkbox","MantineCheckbox"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  checkbox,\n  checkboxBody,\n  checkboxBodyError,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelRequired,\n  checkboxLabelWrapper,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as MantineCheckbox } from '@mantine/core';\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup';\n\nexport type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {\n  checked?: boolean;\n  label?: ReactNode;\n  description?: string;\n  error?: string;\n  name?: string;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  classNames?: {\n    checkbox?: string;\n    root?: string;\n    input?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n  indeterminate?: boolean;\n  hiddenLabel?: boolean;\n};\n\nexport const Checkbox = ({\n  classNames,\n  name,\n  label,\n  hiddenLabel,\n  description,\n  error,\n  onChange,\n  value,\n  id,\n  disabled,\n  readOnly,\n  required,\n  indeterminate,\n  checked,\n}: CheckboxProps): ReactNode => {\n  const requiredIndicator = required ? (\n    <span className={classNames?.labelRequired ?? checkboxLabelRequired()}>\n      *\n    </span>\n  ) : null;\n  return (\n    <MantineCheckbox\n      classNames={{\n        root: cx(\n          classNames?.checkbox ?? checkbox(),\n          classNames?.root ?? checkboxRoot(),\n        ),\n        input: cx(classNames?.input ?? checkboxInput(), 'peer'),\n        icon: classNames?.icon ?? checkboxIcon(),\n        inner: classNames?.inner ?? checkboxInner(),\n        body: cx(\n          classNames?.body ?? checkboxBody(),\n          error && (classNames?.bodyError ?? checkboxBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? checkboxLabelWrapper(),\n        label: cx(\n          classNames?.label ?? checkboxLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      label={\n        <>\n          {label} {requiredIndicator}\n        </>\n      }\n      description={description}\n      error={error}\n      name={name}\n      onChange={onChange}\n      value={value}\n      id={id}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      indeterminate={indeterminate}\n      checked={checked}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"mappings":"+jBA+CA,MAAaA,GAAY,CACvB,aACA,OACA,QACA,cACA,cACA,QACA,WACA,QACA,KACA,WACA,WACA,WACA,gBACA,aAC8B,CAC9B,IAAM,EAAoB,EACxB,EAAC,OAAA,CAAK,UAAW,GAAY,eAAiB,GAAuB,UAAE,KAEhE,CACL,KACJ,OACE,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,KAAM,EACJ,GAAY,MAAQ,GAAc,CAClC,IAAU,GAAY,WAAa,GAAmB,EACvD,CACD,aAAc,GAAY,cAAgB,GAAsB,CAChE,MAAO,EACL,GAAY,OAAS,GAAe,CACpC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACD,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,IAAE,IACR,CAEQ,cACN,QACD,OACI,WACH,QACH,KACM,WACA,WACA,WACK,gBACN,WACT,EAIN,EAAS,YAAc,WACvB,EAAS,MAAQ"}
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox","MantineCheckbox"],"sources":["../../../../src/components/controls/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport { visuallyHidden } from '@mage-ui/styled-system/patterns';\nimport {\n  checkbox,\n  checkboxBody,\n  checkboxBodyError,\n  checkboxDescription,\n  checkboxError,\n  checkboxIcon,\n  checkboxInner,\n  checkboxInput,\n  checkboxLabel,\n  checkboxLabelRequired,\n  checkboxLabelWrapper,\n  checkboxRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { Checkbox as MantineCheckbox } from '@mantine/core';\n\nimport { CheckboxGroup } from '../checkbox-group/CheckboxGroup';\n\nexport type CheckboxProps = Omit<ComponentProps<'input'>, 'size'> & {\n  label?: ReactNode;\n  error?: string;\n  classNames?: {\n    checkbox?: string;\n    root?: string;\n    input?: string;\n    icon?: string;\n    inner?: string;\n    body?: string;\n    bodyError?: string;\n    labelWrapper?: string;\n    labelRequired?: string;\n    label?: string;\n    description?: string;\n    error?: string;\n  };\n  hiddenLabel?: boolean;\n};\n\nexport const Checkbox = ({\n  classNames,\n  label,\n  hiddenLabel,\n  error,\n  required,\n  value,\n  ...props\n}: CheckboxProps): ReactNode => {\n  const RequiredAsterisk = () =>\n    required ? (\n      <span className={classNames?.labelRequired ?? checkboxLabelRequired()}>\n        {' '}\n        *\n      </span>\n    ) : null;\n\n  return (\n    <MantineCheckbox\n      classNames={{\n        root: cx(\n          classNames?.checkbox ?? checkbox(),\n          classNames?.root ?? checkboxRoot(),\n        ),\n        input: cx(classNames?.input ?? checkboxInput(), 'peer'),\n        icon: classNames?.icon ?? checkboxIcon(),\n        inner: classNames?.inner ?? checkboxInner(),\n        body: cx(\n          classNames?.body ?? checkboxBody(),\n          error && (classNames?.bodyError ?? checkboxBodyError()),\n        ),\n        labelWrapper: classNames?.labelWrapper ?? checkboxLabelWrapper(),\n        label: cx(\n          classNames?.label ?? checkboxLabel(),\n          hiddenLabel && visuallyHidden(),\n        ),\n        description: classNames?.description ?? checkboxDescription(),\n        error: classNames?.error ?? checkboxError(),\n      }}\n      label={\n        <>\n          {label}\n          <RequiredAsterisk />\n        </>\n      }\n      checked={!!value}\n      {...props}\n    />\n  );\n};\n\nCheckbox.displayName = 'Checkbox';\nCheckbox.Group = CheckboxGroup;\n"],"mappings":"+jBA0CA,MAAaA,GAAY,CACvB,aACA,QACA,cACA,QACA,WACA,QACA,GAAG,KAWD,EAACC,EAAAA,CACC,WAAY,CACV,KAAM,EACJ,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CACnC,CACD,MAAO,EAAG,GAAY,OAAS,GAAe,CAAE,OAAO,CACvD,KAAM,GAAY,MAAQ,GAAc,CACxC,MAAO,GAAY,OAAS,GAAe,CAC3C,KAAM,EACJ,GAAY,MAAQ,GAAc,CAClC,IAAU,GAAY,WAAa,GAAmB,EACvD,CACD,aAAc,GAAY,cAAgB,GAAsB,CAChE,MAAO,EACL,GAAY,OAAS,GAAe,CACpC,GAAe,GAAgB,CAChC,CACD,YAAa,GAAY,aAAe,GAAqB,CAC7D,MAAO,GAAY,OAAS,GAAe,CAC5C,CACD,MACE,EAAA,EAAA,CAAA,SAAA,CACG,EACD,MAhCN,EACE,EAAC,OAAA,CAAK,UAAW,GAAY,eAAiB,GAAuB,WAClE,IAAI,IAAA,EAEA,CACL,KA2BG,EAAA,CAAmB,CAAA,CAAA,CACnB,CAEL,QAAS,CAAC,CAAC,EACX,GAAI,GACJ,CAIN,EAAS,YAAc,WACvB,EAAS,MAAQ"}

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

@@ -1,5 +1,5 @@
 import { DropdownProps } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime26.JSX.Element;
+}: ComboboxProps) => react_jsx_runtime19.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_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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_runtime27.JSX.Element;
+}: DropzoneProps) => react_jsx_runtime20.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_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime21 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_runtime28.JSX.Element;
+}: DropzoneFilesProps) => react_jsx_runtime21.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_runtime29 from "react/jsx-runtime";
+import * as react_jsx_runtime22 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_runtime29.JSX.Element;
+}: FileInputProps) => react_jsx_runtime22.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_runtime30 from "react/jsx-runtime";
+import * as react_jsx_runtime23 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_runtime30.JSX.Element;
+}: FileInputMultipleProps) => react_jsx_runtime23.JSX.Element;
 //#endregion
 export { FileInputMultiple, FileInputMultipleProps };
 //# sourceMappingURL=FileInputMultiple.d.mts.map

package/dist/components/controls/multi-select/MultiSelect.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_runtime24 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_runtime31.JSX.Element;
+}: MultiSelectProps) => react_jsx_runtime24.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_runtime32 from "react/jsx-runtime";
+import * as react_jsx_runtime25 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_runtime32.JSX.Element;
+}: MultiSelectTagsProps) => react_jsx_runtime25.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_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime26 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_runtime33.JSX.Element;
+}: PasswordInputProps) => react_jsx_runtime26.JSX.Element;
 //#endregion
 export { PasswordInput, PasswordInputProps };
 //# sourceMappingURL=PasswordInput.d.mts.map

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

@@ -1,2 +1,2 @@
-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.length,l=i.filter(e=>e.isValid).length,u=i.length>0?l/i.length*100:0,d=s.value&&String(s.value).length>0,f=r.reverse().find(e=>u>=e.minScore),p=d?f?.label??``:``,m=e=>d&&u>=r[e].minScore?`hsl(${e/(c-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:r.map((e,n)=>t(`div`,{style:{flex:1,height:`4px`,backgroundColor:m(n),borderRadius:`2px`}},n))}),o&&p&&t(`span`,{style:{fontSize:`12px`,color:`#6b7280`,whiteSpace:`nowrap`},children:p})]}),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{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};
 //# 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 segmentCount = segments.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 = segments\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 = segments[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          {segments.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,EAAe,EAAS,OAExB,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,EACpB,SAAS,CACT,KAAM,GAAY,GAAgB,EAAQ,SAAS,CAChD,EAAe,EAAY,GAAgB,OAAS,GAAM,GAE1D,EAAmB,GAClB,GAED,GADY,EAAS,GACG,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,EAAS,KAAK,EAAG,IAChB,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 { 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"}

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_runtime34 from "react/jsx-runtime";
+import * as react_jsx_runtime27 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_runtime34.JSX.Element;
+}: PasswordInputStrengthProps) => react_jsx_runtime27.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_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime28 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_runtime35.JSX.Element;
+}: SelectProps) => react_jsx_runtime28.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_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime29 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_runtime36.JSX.Element;
+}: TextInputProps) => react_jsx_runtime29.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_runtime37 from "react/jsx-runtime";
+import * as react_jsx_runtime30 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_runtime37.JSX.Element;
+}: TextareaProps) => react_jsx_runtime30.JSX.Element;
 //#endregion
 export { Textarea, TextareaProps };
 //# sourceMappingURL=Textarea.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_runtime39 from "react/jsx-runtime";
+import * as react_jsx_runtime38 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_runtime39.JSX.Element;
+}: AssignedUserProps) => react_jsx_runtime38.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_runtime40 from "react/jsx-runtime";
+import * as react_jsx_runtime39 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_runtime40.JSX.Element;
+}: AvatarProps) => react_jsx_runtime39.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_runtime41 from "react/jsx-runtime";
+import * as react_jsx_runtime40 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_runtime41.JSX.Element;
+}: BadgeProps) => react_jsx_runtime40.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_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime41 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_runtime42.JSX.Element;
+}: CalendarProps) => react_jsx_runtime41.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_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime42 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_runtime43.JSX.Element;
+}: LoaderDotProps) => react_jsx_runtime42.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_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime43 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_runtime44.JSX.Element;
+}: LoaderOvalProps) => react_jsx_runtime43.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_runtime45 from "react/jsx-runtime";
+import * as react_jsx_runtime44 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_runtime45.JSX.Element;
+}: RemovableItemProps) => react_jsx_runtime44.JSX.Element;
 //#endregion
 export { RemovableItem, RemovableItemProps };
 //# sourceMappingURL=RemovableItem.d.mts.map