@mage-ui/components 1.0.62 → 1.0.64

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

@@ -1,43 +0,0 @@
-import { PasswordInputProps } from "../password-input/PasswordInput.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/controls/password-input-strength/oldPasswordInputStrength.d.ts
-type PasswordInputStrengthProps = Omit<PasswordInputProps, 'classNames'> & {
-  weakPasswordText?: string;
-  mediumPasswordText?: string;
-  strongPasswordText?: string;
-  classNames?: Omit<NonNullable<PasswordInputProps['classNames']>, 'passwordInput'> & {
-    passwordInputStrength?: string;
-    strengthIndicator?: {
-      strengthIndicator?: string;
-      root?: string;
-      bars?: string;
-      bar?: string;
-      text?: string;
-    };
-  };
-};
-declare const PasswordInputStrength: ({
-  name,
-  label,
-  description,
-  error,
-  placeholder,
-  classNames,
-  startSlot,
-  onChange,
-  value,
-  defaultValue,
-  id,
-  disabled,
-  required,
-  readOnly,
-  onClick,
-  onFocus,
-  weakPasswordText,
-  mediumPasswordText,
-  strongPasswordText
-}: PasswordInputStrengthProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { PasswordInputStrength, PasswordInputStrengthProps };
-//# sourceMappingURL=oldPasswordInputStrength.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"oldPasswordInputStrength.d.mts","names":[],"sources":["../../../../src/components/controls/password-input-strength/oldPasswordInputStrength.tsx"],"mappings":";;;;KAyBY,0BAAA,GAA6B,IAAA,CACvC,kBAAA;EAGA,gBAAA;EACA,kBAAA;EACA,kBAAA;EACA,UAAA,GAAa,IAAA,CACX,WAAA,CAAY,kBAAA;IAGZ,qBAAA;IACA,iBAAA;MACE,iBAAA;MACA,IAAA;MACA,IAAA;MACA,GAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cA4DO,qBAAA;EAAyB,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,KAAA;EAAA,WAAA;EAAA,UAAA;EAAA,SAAA;EAAA,QAAA;EAAA,KAAA;EAAA,YAAA;EAAA,EAAA;EAAA,QAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA,gBAAA;EAAA,kBAAA;EAAA;AAAA,GAoBnC,0BAAA,KAA0B,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/password-input-strength/oldPasswordInputStrength.mjs

@@ -1,2 +0,0 @@
-import{PasswordInput as e}from"../password-input/PasswordInput.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{passwordInputStrength as n,passwordInputStrengthDescription as r,passwordInputStrengthError as i,passwordInputStrengthInput as a,passwordInputStrengthLabel as o,passwordInputStrengthRequired as s,passwordInputStrengthRoot as c,passwordInputStrengthSection as l,passwordInputStrengthStrengthIndicator as u,passwordInputStrengthStrengthIndicatorBar as d,passwordInputStrengthStrengthIndicatorBars as f,passwordInputStrengthStrengthIndicatorRoot as p,passwordInputStrengthStrengthIndicatorText as m,passwordInputStrengthWrapper as h}from"@mage-ui/styled-system/recipes";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import{useState as y}from"react";const b=[{re:/.{6,}/},{re:/.{10,}/},{re:/[0-9]/},{re:/[a-z]/},{re:/[A-Z]/},{re:/[$&+,:;=?@#|'<>.^*()%!-]/}],x=e=>{let t=0;if(!e)return 0;for(let n=0;n<b.length;n++)b[n].re.test(e)&&t++;return t},S=(e,t)=>{let n=Math.min(e,4);return t>=n?`neutral`:n<=1?`weak`:n<=3?`medium`:`strong`},C=(e,t)=>{let n=S(e,t);return n===`neutral`?`var(--password-input-strength-strength-indicator-bar-background-neutral)`:`var(--password-input-strength-strength-indicator-bar-background-${n})`},w=(e,t)=>e===0?``:e<=1?t.weakPasswordText:e<=3?t.mediumPasswordText:t.strongPasswordText,T=({name:b,label:S,description:T,error:E,placeholder:D,classNames:O,startSlot:k,onChange:A,value:j,defaultValue:M,id:N,disabled:P,required:F,readOnly:I,onClick:L,onFocus:R,weakPasswordText:z,mediumPasswordText:B,strongPasswordText:V})=>{let[H,U]=y(j??M??``),W=j??H,G=e=>{j===void 0&&U(e.target.value),A?.(e)},K={weakPasswordText:z??`Weak`,mediumPasswordText:B??`Medium`,strongPasswordText:V??`Strong`},q=x(W),J=w(q,K);return v(g,{children:[_(e,{name:b,label:S,description:T,error:E,placeholder:D,value:j,id:N,disabled:P,required:F,readOnly:I,onChange:G,onClick:L,onFocus:R,defaultValue:M,startSlot:k,classNames:{root:t(O?.passwordInputStrength??n(),O?.root??c()),label:O?.label??o(),required:O?.required??s(),description:O?.description??r(),error:O?.error??i(),wrapper:O?.wrapper??h(),input:O?.input??a(),section:O?.section??l()}}),W&&v(`div`,{className:t(O?.strengthIndicator?.strengthIndicator??u(),O?.strengthIndicator?.root??p()),children:[_(`div`,{className:O?.strengthIndicator?.bars??f(),children:Array.from({length:4}).map((e,t)=>_(`span`,{"aria-hidden":`true`,className:O?.strengthIndicator?.bar??d(),style:{"--password-input-strength-strength-indicator-bar-background":C(q,t)}},t))}),_(`p`,{"aria-live":`polite`,className:O?.strengthIndicator?.text??m(),children:J})]})]})};export{T as PasswordInputStrength};
-//# sourceMappingURL=oldPasswordInputStrength.mjs.map

package/dist/components/controls/password-input-strength/oldPasswordInputStrength.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"oldPasswordInputStrength.mjs","names":[],"sources":["../../../../src/components/controls/password-input-strength/oldPasswordInputStrength.tsx"],"sourcesContent":["import { type ChangeEvent, type CSSProperties, useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  passwordInputStrength,\n  passwordInputStrengthDescription,\n  passwordInputStrengthError,\n  passwordInputStrengthInput,\n  passwordInputStrengthLabel,\n  passwordInputStrengthRequired,\n  passwordInputStrengthRoot,\n  passwordInputStrengthSection,\n  passwordInputStrengthStrengthIndicator,\n  passwordInputStrengthStrengthIndicatorBar,\n  passwordInputStrengthStrengthIndicatorBars,\n  passwordInputStrengthStrengthIndicatorRoot,\n  passwordInputStrengthStrengthIndicatorText,\n  passwordInputStrengthWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport {\n  PasswordInput,\n  type PasswordInputProps,\n} from '../password-input/PasswordInput';\n\nexport type PasswordInputStrengthProps = Omit<\n  PasswordInputProps,\n  'classNames'\n> & {\n  weakPasswordText?: string;\n  mediumPasswordText?: string;\n  strongPasswordText?: string;\n  classNames?: Omit<\n    NonNullable<PasswordInputProps['classNames']>,\n    'passwordInput'\n  > & {\n    passwordInputStrength?: string;\n    strengthIndicator?: {\n      strengthIndicator?: string;\n      root?: string;\n      bars?: string;\n      bar?: string;\n      text?: string;\n    };\n  };\n};\n\ntype StrengthState = 'neutral' | 'weak' | 'medium' | 'strong';\n\nconst requirements = [\n  { re: /.{6,}/ },\n  { re: /.{10,}/ },\n  { re: /[0-9]/ },\n  { re: /[a-z]/ },\n  { re: /[A-Z]/ },\n  { re: /[$&+,:;=?@#|'<>.^*()%!-]/ },\n];\n\nconst calculateStrength = (password: string) => {\n  let score = 0;\n  if (!password) return 0;\n\n  for (let i = 0; i < requirements.length; i++) {\n    const req = requirements[i];\n    if (req.re.test(password)) {\n      score++;\n    }\n  }\n  return score;\n};\n\nconst getStrengthState = (score: number, index: number): StrengthState => {\n  const filledBars = Math.min(score, 4);\n\n  if (index >= filledBars) return 'neutral';\n  if (filledBars <= 1) return 'weak';\n  if (filledBars <= 3) return 'medium';\n  return 'strong';\n};\n\nconst getStateBackgroundBar = (score: number, index: number): string => {\n  const state = getStrengthState(score, index);\n  if (state === 'neutral') {\n    return 'var(--password-input-strength-strength-indicator-bar-background-neutral)';\n  }\n  return `var(--password-input-strength-strength-indicator-bar-background-${state})`;\n};\n\nconst getStrengthLabel = (\n  score: number,\n  texts: {\n    weakPasswordText: string;\n    mediumPasswordText: string;\n    strongPasswordText: string;\n  },\n) => {\n  if (score === 0) return '';\n  if (score <= 1) return texts.weakPasswordText;\n  if (score <= 3) return texts.mediumPasswordText;\n  return texts.strongPasswordText;\n};\n\nexport const PasswordInputStrength = ({\n  name,\n  label,\n  description,\n  error,\n  placeholder,\n  classNames,\n  startSlot,\n  onChange,\n  value,\n  defaultValue,\n  id,\n  disabled,\n  required,\n  readOnly,\n  onClick,\n  onFocus,\n  weakPasswordText,\n  mediumPasswordText,\n  strongPasswordText,\n}: PasswordInputStrengthProps) => {\n  const [innerValue, setInnerValue] = useState<string>(\n    (value as string) ?? (defaultValue as string) ?? '',\n  );\n\n  const strengthBarsCount = 4;\n  const currentValue = (value as string) ?? innerValue;\n\n  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (value === undefined) {\n      setInnerValue(e.target.value);\n    }\n    onChange?.(e);\n  };\n  const passwordTexts = {\n    weakPasswordText: weakPasswordText ?? 'Weak',\n    mediumPasswordText: mediumPasswordText ?? 'Medium',\n    strongPasswordText: strongPasswordText ?? 'Strong',\n  };\n  const score = calculateStrength(currentValue);\n  const strengthLabel = getStrengthLabel(score, passwordTexts);\n\n  return (\n    <>\n      <PasswordInput\n        name={name}\n        label={label}\n        description={description}\n        error={error}\n        placeholder={placeholder}\n        value={value}\n        id={id}\n        disabled={disabled}\n        required={required}\n        readOnly={readOnly}\n        onChange={handleChange}\n        onClick={onClick}\n        onFocus={onFocus}\n        defaultValue={defaultValue}\n        startSlot={startSlot}\n        classNames={{\n          root: cx(\n            classNames?.passwordInputStrength ?? passwordInputStrength(),\n            classNames?.root ?? passwordInputStrengthRoot(),\n          ),\n          label: classNames?.label ?? passwordInputStrengthLabel(),\n          required: classNames?.required ?? passwordInputStrengthRequired(),\n          description:\n            classNames?.description ?? passwordInputStrengthDescription(),\n          error: classNames?.error ?? passwordInputStrengthError(),\n          wrapper: classNames?.wrapper ?? passwordInputStrengthWrapper(),\n          input: classNames?.input ?? passwordInputStrengthInput(),\n          section: classNames?.section ?? passwordInputStrengthSection(),\n        }}\n      />\n      {currentValue && (\n        <div\n          className={cx(\n            classNames?.strengthIndicator?.strengthIndicator ??\n              passwordInputStrengthStrengthIndicator(),\n            classNames?.strengthIndicator?.root ??\n              passwordInputStrengthStrengthIndicatorRoot(),\n          )}\n        >\n          <div\n            className={\n              classNames?.strengthIndicator?.bars ??\n              passwordInputStrengthStrengthIndicatorBars()\n            }\n          >\n            {Array.from({ length: strengthBarsCount }).map((_, index) => (\n              <span\n                aria-hidden='true'\n                key={index}\n                className={\n                  classNames?.strengthIndicator?.bar ??\n                  passwordInputStrengthStrengthIndicatorBar()\n                }\n                style={\n                  {\n                    '--password-input-strength-strength-indicator-bar-background':\n                      getStateBackgroundBar(score, index),\n                  } as CSSProperties\n                }\n              />\n            ))}\n          </div>\n\n          <p\n            aria-live='polite'\n            className={\n              classNames?.strengthIndicator?.text ??\n              passwordInputStrengthStrengthIndicatorText()\n            }\n          >\n            {strengthLabel}\n          </p>\n        </div>\n      )}\n    </>\n  );\n};\n"],"mappings":"mxBAiDA,MAAM,EAAe,CACnB,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,SAAU,CAChB,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,QAAS,CACf,CAAE,GAAI,2BAA4B,CACnC,CAEK,EAAqB,GAAqB,CAC9C,IAAI,EAAQ,EACZ,GAAI,CAAC,EAAU,MAAO,GAEtB,IAAK,IAAI,EAAI,EAAG,EAAI,EAAa,OAAQ,IAC3B,EAAa,GACjB,GAAG,KAAK,EAAS,EACvB,IAGJ,OAAO,GAGH,GAAoB,EAAe,IAAiC,CACxE,IAAM,EAAa,KAAK,IAAI,EAAO,EAAE,CAKrC,OAHI,GAAS,EAAmB,UAC5B,GAAc,EAAU,OACxB,GAAc,EAAU,SACrB,UAGH,GAAyB,EAAe,IAA0B,CACtE,IAAM,EAAQ,EAAiB,EAAO,EAAM,CAI5C,OAHI,IAAU,UACL,2EAEF,mEAAmE,EAAM,IAG5E,GACJ,EACA,IAMI,IAAU,EAAU,GACpB,GAAS,EAAU,EAAM,iBACzB,GAAS,EAAU,EAAM,mBACtB,EAAM,mBAGF,GAAyB,CACpC,OACA,QACA,cACA,QACA,cACA,aACA,YACA,WACA,QACA,eACA,KACA,WACA,WACA,WACA,UACA,UACA,mBACA,qBACA,wBACgC,CAChC,GAAM,CAAC,EAAY,GAAiB,EACjC,GAAqB,GAA2B,GAClD,CAGK,EAAgB,GAAoB,EAEpC,EAAgB,GAAqC,CACrD,IAAU,IAAA,IACZ,EAAc,EAAE,OAAO,MAAM,CAE/B,IAAW,EAAE,EAET,EAAgB,CACpB,iBAAkB,GAAoB,OACtC,mBAAoB,GAAsB,SAC1C,mBAAoB,GAAsB,SAC3C,CACK,EAAQ,EAAkB,EAAa,CACvC,EAAgB,EAAiB,EAAO,EAAc,CAE5D,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,EAAA,CACO,OACC,QACM,cACN,QACM,cACN,QACH,KACM,WACA,WACA,WACV,SAAU,EACD,UACA,UACK,eACH,YACX,WAAY,CACV,KAAM,EACJ,GAAY,uBAAyB,GAAuB,CAC5D,GAAY,MAAQ,GAA2B,CAChD,CACD,MAAO,GAAY,OAAS,GAA4B,CACxD,SAAU,GAAY,UAAY,GAA+B,CACjE,YACE,GAAY,aAAe,GAAkC,CAC/D,MAAO,GAAY,OAAS,GAA4B,CACxD,QAAS,GAAY,SAAW,GAA8B,CAC9D,MAAO,GAAY,OAAS,GAA4B,CACxD,QAAS,GAAY,SAAW,GAA8B,CAC/D,EACD,CACD,GACC,EAAC,MAAA,CACC,UAAW,EACT,GAAY,mBAAmB,mBAC7B,GAAwC,CAC1C,GAAY,mBAAmB,MAC7B,GAA4C,CAC/C,WAED,EAAC,MAAA,CACC,UACE,GAAY,mBAAmB,MAC/B,GAA4C,UAG7C,MAAM,KAAK,CAAE,OAAQ,EAAmB,CAAC,CAAC,KAAK,EAAG,IACjD,EAAC,OAAA,CACC,cAAY,OAEZ,UACE,GAAY,mBAAmB,KAC/B,GAA2C,CAE7C,MACE,CACE,8DACE,EAAsB,EAAO,EAAM,CACtC,EATE,EAWL,CACF,EACE,CAEN,EAAC,IAAA,CACC,YAAU,SACV,UACE,GAAY,mBAAmB,MAC/B,GAA4C,UAG7C,GACC,CAAA,EACA,CAAA,CAAA,CAEP"}

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

@@ -1,38 +0,0 @@
-import { DropdownProps } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/components/controls/select/Select.d.ts
-type SelectProps = Omit<DropdownProps, 'classNames' | 'onChange' | 'onBlur' | 'onFocus' | 'onClick' | 'setValue' | 'children'> & {
-  searchable?: boolean;
-  searchPlaceholder?: string;
-  emptyMessage?: ReactNode;
-  options: {
-    id: string | number;
-    value: string;
-  }[];
-  btnClearLabel?: string;
-  classNames?: Omit<NonNullable<DropdownProps['classNames']>, 'dropdown'> & {
-    select?: string;
-  };
-};
-declare const Select: ({
-  name,
-  label,
-  placeholder,
-  options,
-  error,
-  disabled,
-  startSlot,
-  withinPortal,
-  keepMounted,
-  clearable,
-  searchable,
-  searchPlaceholder,
-  emptyMessage,
-  btnClearLabel,
-  classNames
-}: SelectProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Select, SelectProps };
-//# sourceMappingURL=Select.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../../src/components/controls/select/Select.tsx"],"mappings":";;;;;KAmCY,WAAA,GAAc,IAAA,CACxB,aAAA;EASA,UAAA;EACA,iBAAA;EACA,YAAA,GAAe,SAAA;EACf,OAAA;IACE,EAAA;IACA,KAAA;EAAA;EAEF,aAAA;EACA,UAAA,GAAa,IAAA,CAAK,WAAA,CAAY,aAAA;IAC5B,MAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,WAAA;EAAA,SAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,YAAA;EAAA,aAAA;EAAA;AAAA,GAgBpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/select/Select.mjs

@@ -1,2 +0,0 @@
-import{Dropdown as e}from"../dropdown/Dropdown.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{select as n,selectChevron as r,selectChevronIcon as i,selectChevronIconRoot as a,selectChevronRoot as o,selectClearButton as s,selectClearButtonIcon as c,selectClearButtonIconRaw as l,selectClearButtonIconRawRoot as u,selectClearButtonRoot as d,selectEmpty as f,selectOption as p,selectOptions as m,selectRoot as h,selectScrollAreaAutosize as g,selectSearch as _,selectTextInput as v,selectTextInputDescription as y,selectTextInputError as b,selectTextInputInput as x,selectTextInputLabel as S,selectTextInputRequired as C,selectTextInputRoot as w,selectTextInputSection as T,selectTextInputWrapper as E}from"@mage-ui/styled-system/recipes";import{jsx as D,jsxs as O}from"react/jsx-runtime";import{useState as k}from"react";const A=({name:A,label:j,placeholder:M,options:N,error:P,disabled:F,startSlot:I,withinPortal:L=!1,keepMounted:R,clearable:z,searchable:B,searchPlaceholder:V,emptyMessage:H,btnClearLabel:U=`Clear selection`,classNames:W})=>{let[G,K]=k(``),[q,J]=k({id:``,value:``}),Y=(B?N.filter(e=>e.value.toLowerCase().includes(G.toLowerCase().trim())):N).map(t=>D(e.Option,{value:t.value,children:t.value},t.id));return O(e,{readOnly:!0,startSlot:I,name:A,label:j,placeholder:M,error:P,disabled:F,withinPortal:L,keepMounted:R,clearable:z,chevron:!0,btnClearLabel:U,onClick:e=>e.openDropdown(),onFocus:e=>e.openDropdown(),onBlur:e=>{!B&&e.closeDropdown()},onChange:e=>{e.openDropdown(),e.updateSelectedOptionIndex()},setValue:(e,t)=>{if(e===void 0){J({id:``,value:``}),K(``);return}J(N.find(t=>t.value===e)??{id:``,value:``}),K(``),t.closeDropdown()},value:q?.value,classNames:{dropdown:W?.select??n(),root:W?.root??h(),options:W?.options??m(),option:W?.option??p(),empty:W?.empty??f(),search:W?.search??_(),textInput:{root:W?.textInput?.root??t(v(),w()),label:W?.textInput?.label??S(),description:W?.textInput?.description??y(),error:W?.textInput?.error??b(),wrapper:W?.textInput?.wrapper??E(),input:W?.textInput?.input??x(),section:W?.textInput?.section??T(),required:W?.textInput?.required??C(),endSlot:{chevron:{iconWrapped:W?.textInput?.endSlot?.chevron?.iconWrapped??r(),root:W?.textInput?.endSlot?.chevron?.root??o(),open:{iconRaw:W?.textInput?.endSlot?.chevron?.open?.iconRaw??i(),root:W?.textInput?.endSlot?.chevron?.open?.root??a()},close:{iconRaw:W?.textInput?.endSlot?.chevron?.close?.iconRaw??i(),root:W?.textInput?.endSlot?.chevron?.close?.root??a({invert:!0})}},clearButton:{buttonIcon:W?.textInput?.endSlot?.clearButton?.buttonIcon??s(),root:W?.textInput?.endSlot?.clearButton?.root??d(),icon:W?.textInput?.endSlot?.clearButton?.icon??c(),iconRaw:{iconRaw:W?.textInput?.endSlot?.clearButton?.iconRaw?.iconRaw??l(),root:W?.textInput?.endSlot?.clearButton?.iconRaw?.root??u()}}}},scrollArea:{scrollArea:W?.scrollArea?.scrollArea??g()}},children:[B&&D(e.Search,{value:G,onChange:e=>K(e.currentTarget.value),placeholder:V}),D(e.Options,{children:Y.length>0?Y:D(e.Empty,{children:H})})]})};export{A as Select};
-//# sourceMappingURL=Select.mjs.map

package/dist/components/controls/select/Select.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.mjs","names":[],"sources":["../../../../src/components/controls/select/Select.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  select,\n  selectChevron,\n  selectChevronIcon,\n  selectChevronIconRoot,\n  selectChevronRoot,\n  selectClearButton,\n  selectClearButtonIcon,\n  selectClearButtonIconRaw,\n  selectClearButtonIconRawRoot,\n  selectClearButtonRoot,\n  selectEmpty,\n  selectOption,\n  selectOptions,\n  selectRoot,\n  selectScrollAreaAutosize,\n  selectSearch,\n  selectTextInput,\n  selectTextInputDescription,\n  selectTextInputError,\n  selectTextInputInput,\n  selectTextInputLabel,\n  selectTextInputRequired,\n  selectTextInputRoot,\n  selectTextInputSection,\n  selectTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport type { DropdownProps } from '../dropdown/Dropdown';\nimport { Dropdown } from '../dropdown/Dropdown';\n\nexport type SelectProps = Omit<\n  DropdownProps,\n  | 'classNames'\n  | 'onChange'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onClick'\n  | 'setValue'\n  | 'children'\n> & {\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  emptyMessage?: ReactNode;\n  options: {\n    id: string | number;\n    value: string;\n  }[];\n  btnClearLabel?: string;\n  classNames?: Omit<NonNullable<DropdownProps['classNames']>, 'dropdown'> & {\n    select?: string;\n  };\n};\n\nexport const Select = ({\n  name,\n  label,\n  placeholder,\n  options,\n  error,\n  disabled,\n  startSlot,\n  withinPortal = false,\n  keepMounted,\n  clearable,\n  searchable,\n  searchPlaceholder,\n  emptyMessage,\n  btnClearLabel = 'Clear selection',\n  classNames,\n}: SelectProps) => {\n  const [search, setSearch] = useState('');\n\n  const [value, setValue] = useState<{ id: string | number; value: string }>({\n    id: '',\n    value: '',\n  });\n\n  const filteredOptions = searchable\n    ? options.filter((item) =>\n        item.value.toLowerCase().includes(search.toLowerCase().trim()),\n      )\n    : options;\n\n  const optionsList = filteredOptions.map((item) => (\n    <Dropdown.Option value={item.value} key={item.id}>\n      {item.value}\n    </Dropdown.Option>\n  ));\n\n  return (\n    <Dropdown\n      readOnly\n      startSlot={startSlot}\n      name={name}\n      label={label}\n      placeholder={placeholder}\n      error={error}\n      disabled={disabled}\n      withinPortal={withinPortal}\n      keepMounted={keepMounted}\n      clearable={clearable}\n      chevron={true}\n      btnClearLabel={btnClearLabel}\n      onClick={(combobox) => combobox.openDropdown()}\n      onFocus={(combobox) => combobox.openDropdown()}\n      onBlur={(combobox) => {\n        !searchable && combobox.closeDropdown();\n      }}\n      onChange={(combobox) => {\n        combobox.openDropdown();\n        combobox.updateSelectedOptionIndex();\n      }}\n      setValue={(val, combobox) => {\n        if (val === undefined) {\n          setValue({ id: '', value: '' });\n          setSearch('');\n          return;\n        }\n        const option = options.find((option) => option.value === val);\n        setValue(option ?? { id: '', value: '' });\n        setSearch('');\n        combobox.closeDropdown();\n      }}\n      value={value?.value}\n      classNames={{\n        dropdown: classNames?.select ?? select(),\n        root: classNames?.root ?? selectRoot(),\n        options: classNames?.options ?? selectOptions(),\n        option: classNames?.option ?? selectOption(),\n        empty: classNames?.empty ?? selectEmpty(),\n        search: classNames?.search ?? selectSearch(),\n        textInput: {\n          root:\n            classNames?.textInput?.root ??\n            cx(selectTextInput(), selectTextInputRoot()),\n          label: classNames?.textInput?.label ?? selectTextInputLabel(),\n          description:\n            classNames?.textInput?.description ?? selectTextInputDescription(),\n          error: classNames?.textInput?.error ?? selectTextInputError(),\n          wrapper: classNames?.textInput?.wrapper ?? selectTextInputWrapper(),\n          input: classNames?.textInput?.input ?? selectTextInputInput(),\n          section: classNames?.textInput?.section ?? selectTextInputSection(),\n          required:\n            classNames?.textInput?.required ?? selectTextInputRequired(),\n          endSlot: {\n            chevron: {\n              iconWrapped:\n                classNames?.textInput?.endSlot?.chevron?.iconWrapped ??\n                selectChevron(),\n              root:\n                classNames?.textInput?.endSlot?.chevron?.root ??\n                selectChevronRoot(),\n              open: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.chevron?.open?.iconRaw ??\n                  selectChevronIcon(),\n                root:\n                  classNames?.textInput?.endSlot?.chevron?.open?.root ??\n                  selectChevronIconRoot(),\n              },\n              close: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.chevron?.close?.iconRaw ??\n                  selectChevronIcon(),\n                root:\n                  classNames?.textInput?.endSlot?.chevron?.close?.root ??\n                  selectChevronIconRoot({ invert: true }),\n              },\n            },\n            clearButton: {\n              buttonIcon:\n                classNames?.textInput?.endSlot?.clearButton?.buttonIcon ??\n                selectClearButton(),\n              root:\n                classNames?.textInput?.endSlot?.clearButton?.root ??\n                selectClearButtonRoot(),\n              icon:\n                classNames?.textInput?.endSlot?.clearButton?.icon ??\n                selectClearButtonIcon(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.clearButton?.iconRaw\n                    ?.iconRaw ?? selectClearButtonIconRaw(),\n                root:\n                  classNames?.textInput?.endSlot?.clearButton?.iconRaw?.root ??\n                  selectClearButtonIconRawRoot(),\n              },\n            },\n          },\n        },\n        scrollArea: {\n          scrollArea:\n            classNames?.scrollArea?.scrollArea ?? selectScrollAreaAutosize(),\n        },\n      }}\n    >\n      {searchable && (\n        <Dropdown.Search\n          value={search}\n          onChange={(event) => setSearch(event.currentTarget.value)}\n          placeholder={searchPlaceholder}\n        />\n      )}\n      <Dropdown.Options>\n        {optionsList.length > 0 ? (\n          optionsList\n        ) : (\n          <Dropdown.Empty>{emptyMessage}</Dropdown.Empty>\n        )}\n      </Dropdown.Options>\n    </Dropdown>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/controls/utils/chevron/Chevron.d.ts
-type ChevronProps = {
-  chevronOpen: string;
-  chevronClose?: string;
-  classNames?: {
-    iconWrapped?: string;
-    root?: string;
-    open?: {
-      iconRaw?: string;
-      root?: string;
-    };
-    close?: {
-      iconRaw?: string;
-      root?: string;
-    };
-  };
-};
-declare const Chevron: ({
-  chevronOpen,
-  chevronClose,
-  classNames
-}: ChevronProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Chevron, ChevronProps };
-//# sourceMappingURL=Chevron.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chevron.d.mts","names":[],"sources":["../../../../../src/components/controls/utils/chevron/Chevron.tsx"],"mappings":";;;KAQY,YAAA;EACV,WAAA;EACA,YAAA;EACA,UAAA;IACE,WAAA;IACA,IAAA;IACA,IAAA;MACE,OAAA;MACA,IAAA;IAAA;IAEF,KAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cAKO,OAAA;EAAW,WAAA;EAAA,YAAA;EAAA;AAAA,GAIrB,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/utils/chevron/Chevron.mjs

@@ -1,2 +0,0 @@
-import{IconRaw as e}from"../../../data-display/icons/icon-raw/IconRaw.mjs";import{IconWrapped as t}from"../../../data-display/icons/icon-wrapped/IconWrapped.mjs";import{chevron as n,chevronIcon as r,chevronIconRoot as i,chevronRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({chevronOpen:c,chevronClose:l,classNames:u})=>s(t,{classNames:{iconWrapped:u?.iconWrapped??n(),root:u?.root??a()},children:[o(e,{name:c,path:`/icons/sprite-mage.svg`,classNames:{iconRaw:u?.open?.iconRaw??r(),root:u?.open?.root??i()}}),o(e,{name:l||c,path:`/icons/sprite-mage.svg`,classNames:{iconRaw:u?.close?.iconRaw??r(),root:u?.close?.root??i({invert:!0})}})]});export{c as Chevron};
-//# sourceMappingURL=Chevron.mjs.map

package/dist/components/controls/utils/chevron/Chevron.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chevron.mjs","names":[],"sources":["../../../../../src/components/controls/utils/chevron/Chevron.tsx"],"sourcesContent":["import {\n  chevron,\n  chevronIcon,\n  chevronIconRoot,\n  chevronRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw, IconWrapped } from '@/components/data-display';\n\nexport type ChevronProps = {\n  chevronOpen: string;\n  chevronClose?: string;\n  classNames?: {\n    iconWrapped?: string;\n    root?: string;\n    open?: {\n      iconRaw?: string;\n      root?: string;\n    };\n    close?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const Chevron = ({\n  chevronOpen,\n  chevronClose,\n  classNames,\n}: ChevronProps) => {\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped: classNames?.iconWrapped ?? chevron(),\n        root: classNames?.root ?? chevronRoot(),\n      }}\n    >\n      <IconRaw\n        name={chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.open?.iconRaw ?? chevronIcon(),\n          root: classNames?.open?.root ?? chevronIconRoot(),\n        }}\n      />\n      <IconRaw\n        name={chevronClose || chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.close?.iconRaw ?? chevronIcon(),\n          root: classNames?.close?.root ?? chevronIconRoot({ invert: true }),\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"oUAyBA,MAAa,GAAW,CACtB,cACA,eACA,gBAGE,EAAC,EAAA,CACC,WAAY,CACV,YAAa,GAAY,aAAe,GAAS,CACjD,KAAM,GAAY,MAAQ,GAAa,CACxC,WAED,EAAC,EAAA,CACC,KAAM,EACN,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,MAAM,SAAW,GAAa,CACnD,KAAM,GAAY,MAAM,MAAQ,GAAiB,CAClD,EACD,CACF,EAAC,EAAA,CACC,KAAM,GAAgB,EACtB,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,OAAO,SAAW,GAAa,CACpD,KAAM,GAAY,OAAO,MAAQ,EAAgB,CAAE,OAAQ,GAAM,CAAC,CACnE,EACD,CAAA,EACU"}

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

@@ -1,26 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/controls/utils/clear-button/ClearButton.d.ts
-type ClearButtonProps = {
-  label: string;
-  onClick: () => void;
-  name?: string;
-  classNames?: {
-    buttonIcon?: string;
-    root?: string;
-    icon?: string;
-    iconRaw?: {
-      iconRaw?: string;
-      root?: string;
-    };
-  };
-};
-declare const ClearButton: ({
-  label,
-  onClick,
-  name,
-  classNames
-}: ClearButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ClearButton, ClearButtonProps };
-//# sourceMappingURL=ClearButton.d.mts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.d.mts","names":[],"sources":["../../../../../src/components/controls/utils/clear-button/ClearButton.tsx"],"mappings":";;;KASY,gBAAA;EACV,KAAA;EACA,OAAA;EACA,IAAA;EACA,UAAA;IACE,UAAA;IACA,IAAA;IACA,IAAA;IACA,OAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cAKO,WAAA;EAAe,KAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,GAKzB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/utils/clear-button/ClearButton.mjs

@@ -1,2 +0,0 @@
-import{ButtonIcon as e}from"../../../buttons/button-icon/ButtonIcon.mjs";import{clearButton as t,clearButtonIcon as n,clearButtonIconRaw as r,clearButtonIconRawRoot as i,clearButtonRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({label:s,onClick:c,name:l=`x`,classNames:u})=>o(e,{label:s,path:`/icons/sprite-mage.svg`,name:l,onClick:c,classNames:{buttonIcon:u?.buttonIcon??t(),root:u?.root??a(),icon:u?.icon??n(),iconRaw:{iconRaw:u?.iconRaw?.iconRaw??r(),root:u?.iconRaw?.root??i()}}});export{s as ClearButton};
-//# sourceMappingURL=ClearButton.mjs.map

package/dist/components/controls/utils/clear-button/ClearButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.mjs","names":[],"sources":["../../../../../src/components/controls/utils/clear-button/ClearButton.tsx"],"sourcesContent":["import {\n  clearButton,\n  clearButtonIcon,\n  clearButtonIconRaw,\n  clearButtonIconRawRoot,\n  clearButtonRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nexport type ClearButtonProps = {\n  label: string;\n  onClick: () => void;\n  name?: string;\n  classNames?: {\n    buttonIcon?: string;\n    root?: string;\n    icon?: string;\n    iconRaw?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const ClearButton = ({\n  label,\n  onClick,\n  name = 'x',\n  classNames,\n}: ClearButtonProps) => {\n  return (\n    <ButtonIcon\n      label={label}\n      path='/icons/sprite-mage.svg'\n      name={name}\n      onClick={onClick}\n      classNames={{\n        buttonIcon: classNames?.buttonIcon ?? clearButton(),\n        root: classNames?.root ?? clearButtonRoot(),\n        icon: classNames?.icon ?? clearButtonIcon(),\n        iconRaw: {\n          iconRaw: classNames?.iconRaw?.iconRaw ?? clearButtonIconRaw(),\n          root: classNames?.iconRaw?.root ?? clearButtonIconRawRoot(),\n        },\n      }}\n    />\n  );\n};\n"],"mappings":"4QAwBA,MAAa,GAAe,CAC1B,QACA,UACA,OAAO,IACP,gBAGE,EAAC,EAAA,CACQ,QACP,KAAK,yBACC,OACG,UACT,WAAY,CACV,WAAY,GAAY,YAAc,GAAa,CACnD,KAAM,GAAY,MAAQ,GAAiB,CAC3C,KAAM,GAAY,MAAQ,GAAiB,CAC3C,QAAS,CACP,QAAS,GAAY,SAAS,SAAW,GAAoB,CAC7D,KAAM,GAAY,SAAS,MAAQ,GAAwB,CAC5D,CACF,EACD"}

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

@@ -1,2 +0,0 @@
-import { Chevron, ChevronProps } from "./chevron/Chevron.mjs";
-import { ClearButton, ClearButtonProps } from "./clear-button/ClearButton.mjs";