@apia/components 2.0.11 → 3.0.2

package/dist/components/forms/IconInput.d.ts

@@ -1,28 +0,0 @@
-import { InputProps } from '@apia/theme';
-import React__default from 'react';
-import { TIconType, TIconName } from '@apia/icons';
-import { IconButton } from './buttons/IconButton.js';
-
-interface IField {
-    className?: string;
-    disabled?: boolean;
-    isLoading?: boolean;
-    readOnly?: boolean;
-}
-interface IIconInput extends IField {
-    additionalButtons?: React__default.ReactNode;
-    additionalButtonsPosition?: 'before' | 'after';
-    buttonProps?: Partial<React__default.ComponentProps<typeof IconButton>>;
-    buttonRef?: React__default.RefObject<HTMLButtonElement>;
-    hideButton?: boolean;
-    icon?: TIconType | TIconName;
-    inputProps?: Partial<InputProps>;
-    inputRef?: React__default.RefObject<HTMLInputElement>;
-    onClick?: (ev: React__default.MouseEvent) => void;
-    onBlur?: React__default.FocusEventHandler;
-    [key: string]: unknown;
-}
-declare const IconInput: ({ additionalButtons, additionalButtonsPosition, buttonProps, buttonRef, className, disabled, hideButton, icon, inputProps, inputRef, isLoading, mask, onClick, onBlur, readOnly, ...rest }: IIconInput) => React__default.JSX.Element;
-
-export { type IField, type IIconInput, IconInput };
-//# sourceMappingURL=IconInput.d.ts.map

package/dist/components/forms/IconInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconInput.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/IconInput.js

@@ -1,80 +0,0 @@
-import { jsxs, jsx } from '@apia/theme/jsx-runtime';
-import { Box, getVariant, Input } from '@apia/theme';
-import { useCombinedRefs, isChild } from '@apia/util';
-import React__default from 'react';
-import { IconButton } from './buttons/IconButton.js';
-
-const IconInput = ({
-  additionalButtons,
-  additionalButtonsPosition = "before",
-  buttonProps,
-  buttonRef,
-  className,
-  disabled,
-  hideButton,
-  icon = "Search",
-  inputProps,
-  inputRef,
-  isLoading,
-  mask,
-  onClick,
-  onBlur,
-  readOnly,
-  ...rest
-}) => {
-  const { sx: inputSx, ...actualInputProps } = inputProps ?? {};
-  const innerButtonRef = React__default.useRef(null);
-  const assignButtonRef = useCombinedRefs(buttonRef, innerButtonRef);
-  const innerInputRef = React__default.useRef(null);
-  const assignInputRef = useCombinedRefs(inputRef, innerInputRef);
-  const parentRef = React__default.useRef(null);
-  const handleBlur = React__default.useCallback(
-    (ev) => {
-      if (onBlur && (!ev.relatedTarget || ev.relatedTarget && !isChild(
-        ev.relatedTarget,
-        (current) => current === parentRef.current
-      )))
-        onBlur(ev);
-    },
-    [onBlur]
-  );
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ...getVariant("forms.iconInput"),
-      className: `${className ?? ""} iconInput`,
-      ref: parentRef,
-      onBlur: handleBlur,
-      children: [
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            disabled: isLoading ?? disabled,
-            ref: assignInputRef,
-            readOnly,
-            sx: { variant: "forms.input", ...inputSx },
-            "data-variant": "forms.input",
-            ...rest,
-            ...actualInputProps
-          }
-        ),
-        additionalButtonsPosition === "before" && additionalButtons,
-        !hideButton && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            onClick,
-            icon,
-            disabled: readOnly ?? disabled,
-            isLoading,
-            ref: assignButtonRef,
-            ...buttonProps
-          }
-        ),
-        additionalButtonsPosition === "after" && additionalButtons
-      ]
-    }
-  );
-};
-
-export { IconInput };
-//# sourceMappingURL=IconInput.js.map

package/dist/components/forms/IconInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconInput.js","sources":["../../../src/components/forms/IconInput.tsx"],"sourcesContent":["import { getVariant, Box, Input, InputProps } from '@apia/theme';\r\nimport { isChild, useCombinedRefs } from '@apia/util';\r\nimport React from 'react';\r\nimport { TIconName, TIconType } from '@apia/icons';\r\nimport { IconButton } from './buttons';\r\n\r\nexport interface IField {\r\n  className?: string;\r\n  disabled?: boolean;\r\n  isLoading?: boolean;\r\n  readOnly?: boolean;\r\n}\r\n\r\nexport interface IIconInput extends IField {\r\n  additionalButtons?: React.ReactNode;\r\n  additionalButtonsPosition?: 'before' | 'after';\r\n  buttonProps?: Partial<React.ComponentProps<typeof IconButton>>;\r\n  buttonRef?: React.RefObject<HTMLButtonElement>;\r\n  hideButton?: boolean;\r\n  icon?: TIconType | TIconName;\r\n  inputProps?: Partial<InputProps>;\r\n  inputRef?: React.RefObject<HTMLInputElement>;\r\n  onClick?: (ev: React.MouseEvent) => void;\r\n  onBlur?: React.FocusEventHandler;\r\n  [key: string]: unknown;\r\n}\r\n\r\nexport const IconInput = ({\r\n  additionalButtons,\r\n  additionalButtonsPosition = 'before',\r\n  buttonProps,\r\n  buttonRef,\r\n  className,\r\n  disabled,\r\n  hideButton,\r\n  icon = 'Search',\r\n  inputProps,\r\n  inputRef,\r\n  isLoading,\r\n  mask,\r\n  onClick,\r\n  onBlur,\r\n  readOnly,\r\n  ...rest\r\n}: IIconInput) => {\r\n  const { sx: inputSx, ...actualInputProps } = inputProps ?? {};\r\n  const innerButtonRef = React.useRef<HTMLButtonElement>(null);\r\n  const assignButtonRef = useCombinedRefs(buttonRef, innerButtonRef);\r\n\r\n  const innerInputRef = React.useRef<HTMLInputElement>(null);\r\n  const assignInputRef = useCombinedRefs(inputRef, innerInputRef);\r\n\r\n  const parentRef = React.useRef<HTMLElement | null>(null);\r\n  const handleBlur = React.useCallback(\r\n    (ev: React.FocusEvent) => {\r\n      if (\r\n        onBlur &&\r\n        (!ev.relatedTarget ||\r\n          (ev.relatedTarget &&\r\n            !isChild(\r\n              ev.relatedTarget as HTMLElement,\r\n              (current) => current === parentRef.current,\r\n            )))\r\n      )\r\n        onBlur(ev);\r\n    },\r\n    [onBlur],\r\n  );\r\n\r\n  return (\r\n    <Box\r\n      {...getVariant('forms.iconInput')}\r\n      className={`${className ?? ''} iconInput`}\r\n      ref={parentRef}\r\n      onBlur={handleBlur}\r\n    >\r\n      <Input\r\n        disabled={isLoading ?? disabled}\r\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment,@typescript-eslint/no-explicit-any\r\n        ref={assignInputRef as any}\r\n        readOnly={readOnly}\r\n        sx={{ variant: 'forms.input', ...inputSx }}\r\n        data-variant=\"forms.input\"\r\n        {...rest}\r\n        {...actualInputProps}\r\n      />\r\n      {additionalButtonsPosition === 'before' && additionalButtons}\r\n      {!hideButton && (\r\n        <IconButton\r\n          onClick={onClick}\r\n          icon={icon}\r\n          disabled={readOnly ?? disabled}\r\n          isLoading={isLoading}\r\n          ref={assignButtonRef as React.Ref<HTMLButtonElement>}\r\n          {...buttonProps}\r\n        />\r\n      )}\r\n      {additionalButtonsPosition === 'after' && additionalButtons}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["React"],"mappings":";;;;;;AA2BO,MAAM,YAAY,CAAC;AAAA,EACxB,iBAAA;AAAA,EACA,yBAA4B,GAAA,QAAA;AAAA,EAC5B,WAAA;AAAA,EACA,SAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAO,GAAA,QAAA;AAAA,EACP,UAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAkB,KAAA;AAChB,EAAA,MAAM,EAAE,EAAI,EAAA,OAAA,EAAS,GAAG,gBAAiB,EAAA,GAAI,cAAc,EAAC,CAAA;AAC5D,EAAM,MAAA,cAAA,GAAiBA,cAAM,CAAA,MAAA,CAA0B,IAAI,CAAA,CAAA;AAC3D,EAAM,MAAA,eAAA,GAAkB,eAAgB,CAAA,SAAA,EAAW,cAAc,CAAA,CAAA;AAEjE,EAAM,MAAA,aAAA,GAAgBA,cAAM,CAAA,MAAA,CAAyB,IAAI,CAAA,CAAA;AACzD,EAAM,MAAA,cAAA,GAAiB,eAAgB,CAAA,QAAA,EAAU,aAAa,CAAA,CAAA;AAE9D,EAAM,MAAA,SAAA,GAAYA,cAAM,CAAA,MAAA,CAA2B,IAAI,CAAA,CAAA;AACvD,EAAA,MAAM,aAAaA,cAAM,CAAA,WAAA;AAAA,IACvB,CAAC,EAAyB,KAAA;AACxB,MAAA,IACE,WACC,CAAC,EAAA,CAAG,aACF,IAAA,EAAA,CAAG,iBACF,CAAC,OAAA;AAAA,QACC,EAAG,CAAA,aAAA;AAAA,QACH,CAAC,OAAY,KAAA,OAAA,KAAY,SAAU,CAAA,OAAA;AAAA,OACrC,CAAA;AAEJ,QAAA,MAAA,CAAO,EAAE,CAAA,CAAA;AAAA,KACb;AAAA,IACA,CAAC,MAAM,CAAA;AAAA,GACT,CAAA;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACE,GAAG,WAAW,iBAAiB,CAAA;AAAA,MAChC,SAAA,EAAW,CAAG,EAAA,SAAA,IAAa,EAAE,CAAA,UAAA,CAAA;AAAA,MAC7B,GAAK,EAAA,SAAA;AAAA,MACL,MAAQ,EAAA,UAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,UAAU,SAAa,IAAA,QAAA;AAAA,YAEvB,GAAK,EAAA,cAAA;AAAA,YACL,QAAA;AAAA,YACA,EAAI,EAAA,EAAE,OAAS,EAAA,aAAA,EAAe,GAAG,OAAQ,EAAA;AAAA,YACzC,cAAa,EAAA,aAAA;AAAA,YACZ,GAAG,IAAA;AAAA,YACH,GAAG,gBAAA;AAAA,WAAA;AAAA,SACN;AAAA,QACC,8BAA8B,QAAY,IAAA,iBAAA;AAAA,QAC1C,CAAC,UACA,oBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,OAAA;AAAA,YACA,IAAA;AAAA,YACA,UAAU,QAAY,IAAA,QAAA;AAAA,YACtB,SAAA;AAAA,YACA,GAAK,EAAA,eAAA;AAAA,YACJ,GAAG,WAAA;AAAA,WAAA;AAAA,SACN;AAAA,QAED,8BAA8B,OAAW,IAAA,iBAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GAC5C,CAAA;AAEJ;;;;"}

package/dist/components/forms/NumberInput.d.ts

@@ -1,37 +0,0 @@
-import React__default from 'react';
-import { InputProps } from '@apia/theme';
-
-/**
- * El NumberInput respeta los parámetros de ambiente:
- * - AMOUNT_DECIMAL_SEPARATOR
- * - AMOUNT_DECIMAL_ZEROS
- * - CHAR_DECIMAL_SEPARATOR
- * - CHAR_THOUS_SEPARATOR
- * - ADD_THOUSAND_SEPARATOR
- */
-
-type TNumberInputChangeEvent = {
-    error: boolean;
-    value: string;
-};
-type TNumberInput = Omit<InputProps, 'type' | 'onChange' | 'onBlur' | 'value' | 'defaultValue'> & {
-    onChange?: (ev: TNumberInputChangeEvent) => unknown;
-    value?: string;
-    defaultValue?: string;
-    avoidDecimalRestriction?: boolean;
-};
-declare global {
-    interface Window {
-        AMOUNT_DECIMAL_SEPARATOR: string;
-        AMOUNT_DECIMAL_ZEROS: string;
-        CHAR_DECIMAL_SEPARATOR: string;
-        CHAR_THOUS_SEPARATOR: string;
-        ADD_THOUSAND_SEPARATOR: boolean;
-    }
-}
-declare function parseNumberInputValueToNumber(value: string): number;
-declare function parseNumberValueToNumberInput(value: string | number): string;
-declare const NumberInput: React__default.ForwardRefExoticComponent<Omit<TNumberInput, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
-
-export { NumberInput, type TNumberInput, type TNumberInputChangeEvent, parseNumberInputValueToNumber, parseNumberValueToNumberInput };
-//# sourceMappingURL=NumberInput.d.ts.map

package/dist/components/forms/NumberInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/NumberInput.js

@@ -1,149 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import React__default from 'react';
-import { Input } from '@apia/theme';
-
-function fillZeros(amount) {
-  return Array(Math.max(0, amount)).fill(0).join("");
-}
-function fillThousandsZeros(value) {
-  const stringValue = String(value);
-  return `${fillZeros(3 - stringValue.length)}${String(value)}`;
-}
-const decimalCount = Number(window.AMOUNT_DECIMAL_SEPARATOR);
-const decimalZeros = Number(window.AMOUNT_DECIMAL_ZEROS);
-const decimalSeparator = window.CHAR_DECIMAL_SEPARATOR;
-const thousandsSeparator = window.CHAR_THOUS_SEPARATOR;
-const regexpThousandsSeparator = thousandsSeparator === "." ? "\\." : thousandsSeparator;
-const regexpDecimalSeparator = decimalSeparator === "." ? "\\." : decimalSeparator;
-function parseNumberInputValueToNumber(value) {
-  return Number.parseFloat(
-    value.replaceAll(thousandsSeparator, "").replaceAll(decimalSeparator, ".")
-  );
-}
-function parseNumberValueToNumberInput(value) {
-  const stringNumber = String(value);
-  const result = stringNumber.match(/(-?)(\d+)(?:\.(\d+))/);
-  if (!result)
-    return "";
-  const isNegative = !!result[1];
-  const integer = result[2];
-  const decimals = result[3];
-  const decimalsString = decimals ? `${regexpDecimalSeparator}${decimals}` : "";
-  return formatValueToShow(`${isNegative ? "-" : ""}${integer}${decimalsString}`) ?? "";
-}
-function formatValueToShow(value, avoidDecimalRestriction = false) {
-  const result = value.match(
-    new RegExp(
-      `^(-)?((?:(?:\\d{1,3})${regexpThousandsSeparator}(?:\\d{3}${regexpThousandsSeparator})*(?:\\d{3}))?|(?:\\d*))(?:(?:${regexpDecimalSeparator})(\\d+))?$`
-    )
-  );
-  if (!result)
-    return null;
-  const isNegative = !!result[1];
-  let module = Number(result[2].replaceAll(thousandsSeparator, ""));
-  const slicedDecimals = avoidDecimalRestriction ? result[3] : result[3]?.slice(0, decimalCount + 1) ?? "";
-  let decimalsString;
-  if (!avoidDecimalRestriction) {
-    const noZeroDecimals = (slicedDecimals ? `${String(
-      Math.round(
-        Number(
-          `${slicedDecimals}${fillZeros(
-            (decimalCount) - slicedDecimals.length
-          )}`
-        ) / (1)
-      )
-    )}` : "").slice(0, decimalCount).match(/(\d*[1-9])0*/)?.[1] ?? "";
-    decimalsString = `${noZeroDecimals}${fillZeros(
-      decimalZeros - noZeroDecimals.length
-    )}`;
-  } else {
-    decimalsString = slicedDecimals;
-  }
-  const finalNumberString = [];
-  while (module >= 1e3) {
-    module /= 1e3;
-    const truncedInteger = Math.trunc(module);
-    finalNumberString.unshift(
-      fillThousandsZeros(Math.round((module - truncedInteger) * 1e3))
-    );
-    module = truncedInteger;
-  }
-  finalNumberString.unshift(String(module));
-  return `${isNegative ? "-" : ""}${finalNumberString.join(
-    window.ADD_THOUSAND_SEPARATOR ? window.CHAR_THOUS_SEPARATOR : ""
-  )}${decimalsString.length > 0 ? `${decimalSeparator}${decimalsString}` : ""}`;
-}
-const NumberInput = React__default.forwardRef(
-  ({ value, avoidDecimalRestriction, ...props }, ref) => {
-    const [actualValue, setActualValue] = React__default.useState("");
-    const [showValue, setShowValue] = React__default.useState("");
-    const lastEmittedValue = React__default.useRef("");
-    const setValue = React__default.useCallback(
-      (newValue) => {
-        if (newValue === "") {
-          if (newValue === lastEmittedValue.current)
-            return;
-          setActualValue("");
-          setShowValue("");
-          props.onChange?.({ value: "", error: false });
-        } else {
-          const parsedValue = formatValueToShow(
-            newValue,
-            avoidDecimalRestriction
-          );
-          if (parsedValue === null) {
-            setActualValue("");
-            setShowValue("");
-            props.onChange?.({ value: "", error: true });
-          } else {
-            if (newValue === lastEmittedValue.current)
-              return;
-            setActualValue(newValue);
-            setShowValue(parsedValue);
-            props.onChange?.({ value: parsedValue, error: false });
-          }
-        }
-        lastEmittedValue.current = newValue;
-      },
-      [avoidDecimalRestriction, props]
-    );
-    React__default.useEffect(() => {
-      if (value !== actualValue)
-        setValue(value ?? "");
-    }, [value]);
-    return /* @__PURE__ */ jsx(
-      Input,
-      {
-        ...props,
-        onFocus: React__default.useCallback(
-          (ev) => {
-            props.onFocus?.(ev);
-            setShowValue(
-              String(actualValue).replaceAll(thousandsSeparator, "")
-            );
-          },
-          [actualValue, props]
-        ),
-        onBlur: React__default.useCallback(
-          (ev) => {
-            setValue(ev.target.value);
-          },
-          [setValue]
-        ),
-        onChange: React__default.useCallback(
-          (ev) => {
-            setShowValue(ev.target.value);
-          },
-          []
-        ),
-        type: "text",
-        ref,
-        value: showValue
-      }
-    );
-  }
-);
-NumberInput.displayName = "NumberInput";
-
-export { NumberInput, parseNumberInputValueToNumber, parseNumberValueToNumberInput };
-//# sourceMappingURL=NumberInput.js.map

package/dist/components/forms/NumberInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../src/components/forms/NumberInput.tsx"],"sourcesContent":["/**\r\n * El NumberInput respeta los parámetros de ambiente:\r\n * - AMOUNT_DECIMAL_SEPARATOR\r\n * - AMOUNT_DECIMAL_ZEROS\r\n * - CHAR_DECIMAL_SEPARATOR\r\n * - CHAR_THOUS_SEPARATOR\r\n * - ADD_THOUSAND_SEPARATOR\r\n */\r\n\r\nimport React from 'react';\r\nimport { Input, InputProps } from '@apia/theme';\r\n\r\nexport type TNumberInputChangeEvent = { error: boolean; value: string };\r\n\r\nexport type TNumberInput = Omit<\r\n  InputProps,\r\n  'type' | 'onChange' | 'onBlur' | 'value' | 'defaultValue'\r\n> & {\r\n  onChange?: (ev: TNumberInputChangeEvent) => unknown;\r\n  value?: string;\r\n  defaultValue?: string;\r\n  avoidDecimalRestriction?: boolean;\r\n};\r\n\r\ndeclare global {\r\n  interface Window {\r\n    AMOUNT_DECIMAL_SEPARATOR: string;\r\n    AMOUNT_DECIMAL_ZEROS: string;\r\n    CHAR_DECIMAL_SEPARATOR: string;\r\n    CHAR_THOUS_SEPARATOR: string;\r\n    ADD_THOUSAND_SEPARATOR: boolean;\r\n  }\r\n}\r\n\r\nfunction fillZeros(amount: number) {\r\n  return Array(Math.max(0, amount)).fill(0).join('');\r\n}\r\n\r\nfunction fillThousandsZeros(value: number) {\r\n  const stringValue = String(value);\r\n  return `${fillZeros(3 - stringValue.length)}${String(value)}`;\r\n}\r\n\r\nconst decimalCount = Number(window.AMOUNT_DECIMAL_SEPARATOR);\r\nconst decimalZeros = Number(window.AMOUNT_DECIMAL_ZEROS);\r\nconst decimalSeparator = window.CHAR_DECIMAL_SEPARATOR;\r\nconst thousandsSeparator = window.CHAR_THOUS_SEPARATOR;\r\nconst regexpThousandsSeparator =\r\n  thousandsSeparator === '.' ? '\\\\.' : thousandsSeparator;\r\nconst regexpDecimalSeparator =\r\n  decimalSeparator === '.' ? '\\\\.' : decimalSeparator;\r\nconst shouldRound = false;\r\n\r\nexport function parseNumberInputValueToNumber(value: string): number {\r\n  return Number.parseFloat(\r\n    value.replaceAll(thousandsSeparator, '').replaceAll(decimalSeparator, '.'),\r\n  );\r\n}\r\n\r\nexport function parseNumberValueToNumberInput(value: string | number): string {\r\n  const stringNumber = String(value);\r\n  const result = stringNumber.match(/(-?)(\\d+)(?:\\.(\\d+))/);\r\n  if (!result) return '';\r\n\r\n  const isNegative = !!result[1];\r\n  const integer = result[2];\r\n  const decimals = result[3] as string | null;\r\n  const decimalsString = decimals ? `${regexpDecimalSeparator}${decimals}` : '';\r\n\r\n  return (\r\n    formatValueToShow(`${isNegative ? '-' : ''}${integer}${decimalsString}`) ??\r\n    ''\r\n  );\r\n}\r\n\r\nfunction formatValueToShow(\r\n  value: string,\r\n  avoidDecimalRestriction = false,\r\n): string | null {\r\n  const result = value.match(\r\n    new RegExp(\r\n      `^(-)?((?:(?:\\\\d{1,3})${regexpThousandsSeparator}(?:\\\\d{3}${regexpThousandsSeparator})*(?:\\\\d{3}))?|(?:\\\\d*))(?:(?:${regexpDecimalSeparator})(\\\\d+))?$`,\r\n    ),\r\n  );\r\n  if (!result) return null;\r\n\r\n  const isNegative = !!result[1];\r\n  let module = Number(result[2].replaceAll(thousandsSeparator, ''));\r\n  const slicedDecimals = avoidDecimalRestriction\r\n    ? result[3]\r\n    : result[3]?.slice(0, decimalCount + 1) ?? '';\r\n  let decimalsString: string;\r\n  if (!avoidDecimalRestriction) {\r\n    const noZeroDecimals =\r\n      (slicedDecimals\r\n        ? `${String(\r\n            Math.round(\r\n              Number(\r\n                `${slicedDecimals}${fillZeros(\r\n                  (shouldRound ? decimalCount + 1 : decimalCount) -\r\n                    slicedDecimals.length,\r\n                )}`,\r\n              ) / (shouldRound ? 10 : 1),\r\n            ),\r\n          )}`\r\n        : ''\r\n      )\r\n        .slice(0, decimalCount)\r\n        .match(/(\\d*[1-9])0*/)?.[1] ?? '';\r\n    decimalsString = `${noZeroDecimals}${fillZeros(\r\n      decimalZeros - noZeroDecimals.length,\r\n    )}`;\r\n  } else {\r\n    decimalsString = slicedDecimals;\r\n  }\r\n\r\n  const finalNumberString: string[] = [];\r\n  while (module >= 1000) {\r\n    module /= 1000;\r\n    const truncedInteger = Math.trunc(module);\r\n    finalNumberString.unshift(\r\n      fillThousandsZeros(Math.round((module - truncedInteger) * 1000)),\r\n    );\r\n    module = truncedInteger;\r\n  }\r\n  finalNumberString.unshift(String(module));\r\n\r\n  return `${isNegative ? '-' : ''}${finalNumberString.join(\r\n    window.ADD_THOUSAND_SEPARATOR ? window.CHAR_THOUS_SEPARATOR : '',\r\n  )}${decimalsString.length > 0 ? `${decimalSeparator}${decimalsString}` : ''}`;\r\n}\r\n\r\nexport const NumberInput = React.forwardRef<HTMLInputElement, TNumberInput>(\r\n  ({ value, avoidDecimalRestriction, ...props }, ref) => {\r\n    const [actualValue, setActualValue] = React.useState<string>('');\r\n    const [showValue, setShowValue] = React.useState<string>('');\r\n    const lastEmittedValue = React.useRef<string>('');\r\n\r\n    const setValue = React.useCallback(\r\n      (newValue: string) => {\r\n        if (newValue === '') {\r\n          if (newValue === lastEmittedValue.current) return;\r\n          setActualValue('');\r\n          setShowValue('');\r\n          props.onChange?.({ value: '', error: false });\r\n        } else {\r\n          const parsedValue = formatValueToShow(\r\n            newValue,\r\n            avoidDecimalRestriction,\r\n          );\r\n          if (parsedValue === null) {\r\n            setActualValue('');\r\n            setShowValue('');\r\n            props.onChange?.({ value: '', error: true });\r\n          } else {\r\n            if (newValue === lastEmittedValue.current) return;\r\n            setActualValue(newValue);\r\n            setShowValue(parsedValue);\r\n            props.onChange?.({ value: parsedValue, error: false });\r\n          }\r\n        }\r\n        lastEmittedValue.current = newValue;\r\n      },\r\n      [avoidDecimalRestriction, props],\r\n    );\r\n\r\n    React.useEffect(() => {\r\n      if (value !== actualValue) setValue((value as string) ?? '');\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    }, [value]);\r\n\r\n    return (\r\n      <Input\r\n        {...props}\r\n        onFocus={React.useCallback(\r\n          (ev: React.FocusEvent<HTMLInputElement>) => {\r\n            props.onFocus?.(ev);\r\n            setShowValue(\r\n              String(actualValue).replaceAll(thousandsSeparator, ''),\r\n            );\r\n          },\r\n          [actualValue, props],\r\n        )}\r\n        onBlur={React.useCallback(\r\n          (ev: React.FocusEvent<HTMLInputElement>) => {\r\n            setValue(ev.target.value);\r\n          },\r\n          [setValue],\r\n        )}\r\n        onChange={React.useCallback(\r\n          (ev: React.ChangeEvent<HTMLInputElement>) => {\r\n            setShowValue(ev.target.value);\r\n          },\r\n          [],\r\n        )}\r\n        type=\"text\"\r\n        ref={ref}\r\n        value={showValue}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nNumberInput.displayName = 'NumberInput';\r\n"],"names":["React"],"mappings":"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"}

package/dist/components/forms/RequiredMark.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-
-interface IRequiredMark {
-    isFormReadonly?: boolean;
-    isRequired?: boolean;
-    isReadonly?: boolean;
-}
-/**
- * Muestra el * en los campos de requerido.
- */
-declare const RequiredMark: ({ isFormReadonly, isRequired, isReadonly, }: IRequiredMark) => React.JSX.Element | null;
-
-export { type IRequiredMark, RequiredMark };
-//# sourceMappingURL=RequiredMark.d.ts.map

package/dist/components/forms/RequiredMark.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredMark.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/RequiredMark.js

@@ -1,13 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { getLabel } from '@apia/util';
-
-const RequiredMark = ({
-  isFormReadonly = false,
-  isRequired = false,
-  isReadonly = false
-}) => {
-  return isRequired && !isReadonly && !isFormReadonly ? /* @__PURE__ */ jsx("abbr", { className: "requiredMark", title: getLabel("msgReqField").text, children: "*" }) : null;
-};
-
-export { RequiredMark };
-//# sourceMappingURL=RequiredMark.js.map

package/dist/components/forms/RequiredMark.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredMark.js","sources":["../../../src/components/forms/RequiredMark.tsx"],"sourcesContent":["import { getLabel } from '@apia/util';\r\n\r\nexport interface IRequiredMark {\r\n  isFormReadonly?: boolean;\r\n  isRequired?: boolean;\r\n  isReadonly?: boolean;\r\n}\r\n\r\n/**\r\n * Muestra el * en los campos de requerido.\r\n */\r\nexport const RequiredMark = ({\r\n  isFormReadonly = false,\r\n  isRequired = false,\r\n  isReadonly = false,\r\n}: IRequiredMark) => {\r\n  return isRequired && !isReadonly && !isFormReadonly ? (\r\n    <abbr className=\"requiredMark\" title={getLabel('msgReqField').text}>\r\n      *\r\n    </abbr>\r\n  ) : null;\r\n};\r\n"],"names":[],"mappings":";;;AAWO,MAAM,eAAe,CAAC;AAAA,EAC3B,cAAiB,GAAA,KAAA;AAAA,EACjB,UAAa,GAAA,KAAA;AAAA,EACb,UAAa,GAAA,KAAA;AACf,CAAqB,KAAA;AACnB,EAAA,OAAO,UAAc,IAAA,CAAC,UAAc,IAAA,CAAC,iCAClC,GAAA,CAAA,MAAA,EAAA,EAAK,SAAU,EAAA,cAAA,EAAe,OAAO,QAAS,CAAA,aAAa,CAAE,CAAA,IAAA,EAAM,eAEpE,CACE,GAAA,IAAA,CAAA;AACN;;;;"}

package/dist/components/forms/buttons/BaseButton.d.ts

@@ -1,24 +0,0 @@
-import * as React$1 from 'react';
-import { ThemeUIStyleObject } from '@apia/theme';
-import { TApiaButtonType } from '../../types.js';
-
-interface IBaseButton {
-    text?: string;
-    children?: string;
-    loadingChildren?: string;
-    id?: string;
-    name?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    isLoading?: boolean;
-    disabled?: boolean;
-    variant?: TApiaButtonType | string;
-    type?: 'button' | 'submit' | 'reset';
-    SXProps?: ThemeUIStyleObject;
-}
-/**
- * The world's most **basic** button
- */
-declare const BaseButton: ({ id, name, onClick, isLoading, loadingChildren, disabled, children, text, variant, type, SXProps, ...buttonProps }: IBaseButton) => React$1.JSX.Element;
-
-export { BaseButton };
-//# sourceMappingURL=BaseButton.d.ts.map

package/dist/components/forms/buttons/BaseButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/buttons/BaseButton.js

@@ -1,58 +0,0 @@
-import { jsx, jsxs, Fragment } from '@apia/theme/jsx-runtime';
-import { Button, getVariant, Flex, spacing, Spinner } from '@apia/theme';
-
-const BaseButton = ({
-  id,
-  name,
-  onClick = () => {
-  },
-  isLoading = false,
-  loadingChildren,
-  disabled = false,
-  children = "",
-  text = "",
-  variant = "primary",
-  type = "button",
-  SXProps,
-  ...buttonProps
-}) => {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      id,
-      name,
-      onClick,
-      ...getVariant(variant),
-      type,
-      title: children,
-      disabled: isLoading || disabled,
-      ...buttonProps,
-      children: /* @__PURE__ */ jsxs(
-        Flex,
-        {
-          as: "span",
-          sx: {
-            color: "inherit",
-            width: "100%",
-            flexDirection: "row",
-            alignContent: "center",
-            justifyContent: "center",
-            alignItems: "center",
-            gap: spacing(3),
-            ...SXProps
-          },
-          children: [
-            isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Spinner, { size: 20, color: "inherit" }),
-              loadingChildren
-            ] }),
-            !isLoading && (children || text)
-          ]
-        }
-      )
-    }
-  );
-};
-
-export { BaseButton };
-//# sourceMappingURL=BaseButton.js.map

package/dist/components/forms/buttons/BaseButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseButton.js","sources":["../../../../src/components/forms/buttons/BaseButton.tsx"],"sourcesContent":["import { Button, Spinner, Flex, ThemeUIStyleObject } from '@apia/theme';\r\nimport { TApiaButtonType } from '../../types';\r\nimport { getVariant, spacing } from '@apia/theme';\r\n\r\ninterface IBaseButton {\r\n  text?: string;\r\n  children?: string;\r\n  loadingChildren?: string;\r\n  id?: string;\r\n  name?: string;\r\n  onClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n  isLoading?: boolean;\r\n  disabled?: boolean;\r\n  variant?: TApiaButtonType | string;\r\n  type?: 'button' | 'submit' | 'reset';\r\n  SXProps?: ThemeUIStyleObject;\r\n}\r\n\r\n/**\r\n * The world's most **basic** button\r\n */\r\nexport const BaseButton = ({\r\n  id,\r\n  name,\r\n  onClick = () => {},\r\n  isLoading = false,\r\n  loadingChildren,\r\n  disabled = false,\r\n  children = '',\r\n  text = '',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  SXProps,\r\n  ...buttonProps\r\n}: IBaseButton) => {\r\n  return (\r\n    <Button\r\n      id={id}\r\n      name={name}\r\n      onClick={onClick}\r\n      {...getVariant(variant)}\r\n      type={type}\r\n      title={children}\r\n      disabled={isLoading || disabled}\r\n      {...buttonProps}\r\n    >\r\n      <Flex\r\n        as=\"span\"\r\n        sx={{\r\n          color: 'inherit',\r\n          width: '100%',\r\n          flexDirection: 'row',\r\n          alignContent: 'center',\r\n          justifyContent: 'center',\r\n          alignItems: 'center',\r\n          gap: spacing(3),\r\n          ...SXProps,\r\n        }}\r\n      >\r\n        {isLoading && (\r\n          <>\r\n            <Spinner size={20} color=\"inherit\" />\r\n            {loadingChildren}\r\n          </>\r\n        )}\r\n        {!isLoading && (children || text)}\r\n      </Flex>\r\n    </Button>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;AAqBO,MAAM,aAAa,CAAC;AAAA,EACzB,EAAA;AAAA,EACA,IAAA;AAAA,EACA,UAAU,MAAM;AAAA,GAAC;AAAA,EACjB,SAAY,GAAA,KAAA;AAAA,EACZ,eAAA;AAAA,EACA,QAAW,GAAA,KAAA;AAAA,EACX,QAAW,GAAA,EAAA;AAAA,EACX,IAAO,GAAA,EAAA;AAAA,EACP,OAAU,GAAA,SAAA;AAAA,EACV,IAAO,GAAA,QAAA;AAAA,EACP,OAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAmB,KAAA;AACjB,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACC,GAAG,WAAW,OAAO,CAAA;AAAA,MACtB,IAAA;AAAA,MACA,KAAO,EAAA,QAAA;AAAA,MACP,UAAU,SAAa,IAAA,QAAA;AAAA,MACtB,GAAG,WAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,EAAG,EAAA,MAAA;AAAA,UACH,EAAI,EAAA;AAAA,YACF,KAAO,EAAA,SAAA;AAAA,YACP,KAAO,EAAA,MAAA;AAAA,YACP,aAAe,EAAA,KAAA;AAAA,YACf,YAAc,EAAA,QAAA;AAAA,YACd,cAAgB,EAAA,QAAA;AAAA,YAChB,UAAY,EAAA,QAAA;AAAA,YACZ,GAAA,EAAK,QAAQ,CAAC,CAAA;AAAA,YACd,GAAG,OAAA;AAAA,WACL;AAAA,UAEC,QAAA,EAAA;AAAA,YAAA,SAAA,oBAEG,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,OAAQ,EAAA,EAAA,IAAA,EAAM,EAAI,EAAA,KAAA,EAAM,SAAU,EAAA,CAAA;AAAA,cAClC,eAAA;AAAA,aACH,EAAA,CAAA;AAAA,YAED,CAAC,cAAc,QAAY,IAAA,IAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAC9B;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}

package/dist/components/forms/buttons/IconButton.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { IconButtonProps } from '@apia/theme';
-import { TIconType, TIconName } from '@apia/icons';
-
-type TIconSize = number | 'Xs' | 'Sm' | 'Md' | 'Lg' | 'Xl';
-type TApiaIconButton = 'icon' | 'icon-primary' | 'icon-outline' | 'icon-only';
-type TIconButton = Omit<IconButtonProps, 'sx'> & React.AriaAttributes & {
-    className?: string;
-    /**
-     * Es posible pasar explícitamente un ícono o el nombre del ícono de
-     * acuerdo a la librería de la aplicación. Ver Icon.tsx
-     */
-    icon: TIconType | TIconName;
-    iconSize?: TIconSize;
-    id?: string;
-    disabled?: boolean;
-    href?: string;
-    isLoading?: boolean;
-    isToggled?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: TIconSize;
-    title?: string;
-    variant?: string;
-};
-/**
- * Renderiza un botón con un ícono adentro.
- *
- * La variante por defecto de este componente es buttons.icon
- *
- * Si se pasa solamente size, el iconSize será
- */
-declare const IconButton: React.ForwardRefExoticComponent<Omit<TIconButton, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-
-export { IconButton, type TApiaIconButton, type TIconButton, type TIconSize };
-//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/forms/buttons/IconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/buttons/IconButton.js

@@ -1,79 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import * as React from 'react';
-import { IconButton as IconButton$1, getVariant, Spinner } from '@apia/theme';
-import { icons } from '@apia/icons';
-
-const IconButton = React.forwardRef(
-  ({
-    className,
-    disabled = false,
-    icon,
-    iconSize: outerIconSize,
-    id,
-    isLoading = false,
-    isToggled = false,
-    href,
-    onClick = () => {
-    },
-    onMouseOver = () => {
-    },
-    onMouseOut = () => {
-    },
-    size = "Sm",
-    title,
-    type = "button",
-    variant = "icon",
-    ...rest
-  }, ref) => {
-    const sizes = ["Xs", "Sm", "Md", "Lg", "Xl"];
-    const iconSize = outerIconSize ?? sizes[Math.max(0, sizes.indexOf(size) - 1)];
-    const sx = React.useMemo(() => {
-      return {
-        width: `icon${size}`,
-        minWidth: `icon${size}`,
-        height: `icon${size}`,
-        minHeight: `icon${size}`,
-        svg: {
-          width: `icon${iconSize}`,
-          minWidth: `icon${iconSize}`,
-          height: `icon${iconSize}`,
-          minHeight: `icon${iconSize}`
-        }
-      };
-    }, [iconSize, size]);
-    const ActualIcon = React.useMemo(() => {
-      return typeof icon === "string" ? icons[icon] : icon;
-    }, [icon]);
-    return /* @__PURE__ */ jsx(
-      IconButton$1,
-      {
-        id,
-        ref,
-        onClick: React.useCallback(
-          (ev) => {
-            if (href)
-              window.open(href, "_blank");
-            onClick?.(ev);
-          },
-          [href, onClick]
-        ),
-        onMouseOver,
-        onMouseOut,
-        ...getVariant(variant),
-        sx,
-        disabled: isLoading || disabled,
-        className: `${className ?? ""} iconButton ${isToggled ? "isToggled" : ""}`,
-        title,
-        "aria-label": rest["aria-label"] ?? (rest.as !== void 0 ? void 0 : title),
-        type: rest.as !== void 0 ? void 0 : type,
-        role: href ? "link" : void 0,
-        ...rest,
-        children: isLoading ? /* @__PURE__ */ jsx(Spinner, { color: "inherit" }) : /* @__PURE__ */ jsx(ActualIcon, {})
-      }
-    );
-  }
-);
-IconButton.displayName = "IconButton";
-
-export { IconButton };
-//# sourceMappingURL=IconButton.js.map

package/dist/components/forms/buttons/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/forms/buttons/IconButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport {\r\n  IconButton as IconButtonThemeUI,\r\n  Spinner,\r\n  IconButtonProps,\r\n  ThemeUIStyleObject,\r\n} from '@apia/theme';\r\nimport { icons, TIconName, TIconType } from '@apia/icons';\r\nimport { getVariant } from '@apia/theme';\r\n\r\nexport type TIconSize = number | 'Xs' | 'Sm' | 'Md' | 'Lg' | 'Xl';\r\n\r\nexport type TApiaIconButton =\r\n  | 'icon'\r\n  | 'icon-primary'\r\n  | 'icon-outline'\r\n  | 'icon-only';\r\n\r\nexport type TIconButton = Omit<IconButtonProps, 'sx'> &\r\n  React.AriaAttributes & {\r\n    className?: string;\r\n    /**\r\n     * Es posible pasar explícitamente un ícono o el nombre del ícono de\r\n     * acuerdo a la librería de la aplicación. Ver Icon.tsx\r\n     */\r\n    icon: TIconType | TIconName;\r\n    iconSize?: TIconSize;\r\n    id?: string;\r\n    disabled?: boolean;\r\n    href?: string;\r\n    isLoading?: boolean;\r\n    isToggled?: boolean;\r\n    onClick?: React.MouseEventHandler<HTMLButtonElement>;\r\n    onMouseOut?: React.MouseEventHandler<HTMLButtonElement>;\r\n    onMouseOver?: React.MouseEventHandler<HTMLButtonElement>;\r\n    size?: TIconSize;\r\n    title?: string;\r\n    variant?: string;\r\n  };\r\n\r\n/**\r\n * Renderiza un botón con un ícono adentro.\r\n *\r\n * La variante por defecto de este componente es buttons.icon\r\n *\r\n * Si se pasa solamente size, el iconSize será\r\n */\r\nexport const IconButton = React.forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      disabled = false,\r\n      icon,\r\n      iconSize: outerIconSize,\r\n      id,\r\n      isLoading = false,\r\n      isToggled = false,\r\n      href,\r\n      onClick = () => {},\r\n      onMouseOver = () => {},\r\n      onMouseOut = () => {},\r\n      size = 'Sm',\r\n      title,\r\n      type = 'button',\r\n      variant = 'icon',\r\n      ...rest\r\n    }: TIconButton,\r\n    ref: React.Ref<HTMLButtonElement>,\r\n  ) => {\r\n    const sizes = ['Xs', 'Sm', 'Md', 'Lg', 'Xl'];\r\n    const iconSize =\r\n      outerIconSize ?? sizes[Math.max(0, sizes.indexOf(size as string) - 1)];\r\n\r\n    const sx: ThemeUIStyleObject = React.useMemo(() => {\r\n      return {\r\n        width: `icon${size}`,\r\n        minWidth: `icon${size}`,\r\n        height: `icon${size}`,\r\n        minHeight: `icon${size}`,\r\n        svg: {\r\n          width: `icon${iconSize}`,\r\n          minWidth: `icon${iconSize}`,\r\n          height: `icon${iconSize}`,\r\n          minHeight: `icon${iconSize}`,\r\n        },\r\n      };\r\n    }, [iconSize, size]);\r\n\r\n    const ActualIcon = React.useMemo(() => {\r\n      return typeof icon === 'string' ? icons[icon] : icon;\r\n    }, [icon]);\r\n\r\n    return (\r\n      <IconButtonThemeUI\r\n        id={id}\r\n        ref={ref}\r\n        onClick={React.useCallback(\r\n          (ev: React.MouseEvent<HTMLButtonElement>) => {\r\n            if (href) window.open(href, '_blank');\r\n            onClick?.(ev);\r\n          },\r\n          [href, onClick],\r\n        )}\r\n        onMouseOver={onMouseOver}\r\n        onMouseOut={onMouseOut}\r\n        {...getVariant(variant)}\r\n        sx={sx}\r\n        disabled={isLoading || disabled}\r\n        className={`${className ?? ''} iconButton ${\r\n          isToggled ? 'isToggled' : ''\r\n        }`}\r\n        title={title}\r\n        aria-label={\r\n          rest['aria-label'] ?? (rest.as !== undefined ? undefined : title)\r\n        }\r\n        type={rest.as !== undefined ? undefined : type}\r\n        role={href ? 'link' : undefined}\r\n        {...rest}\r\n      >\r\n        {isLoading ? <Spinner color=\"inherit\" /> : <ActualIcon />}\r\n      </IconButtonThemeUI>\r\n    );\r\n  },\r\n);\r\n\r\nIconButton.displayName = 'IconButton';\r\n"],"names":["IconButtonThemeUI"],"mappings":";;;;;AA+CO,MAAM,aAAa,KAAM,CAAA,UAAA;AAAA,EAC9B,CACE;AAAA,IACE,SAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,IACX,IAAA;AAAA,IACA,QAAU,EAAA,aAAA;AAAA,IACV,EAAA;AAAA,IACA,SAAY,GAAA,KAAA;AAAA,IACZ,SAAY,GAAA,KAAA;AAAA,IACZ,IAAA;AAAA,IACA,UAAU,MAAM;AAAA,KAAC;AAAA,IACjB,cAAc,MAAM;AAAA,KAAC;AAAA,IACrB,aAAa,MAAM;AAAA,KAAC;AAAA,IACpB,IAAO,GAAA,IAAA;AAAA,IACP,KAAA;AAAA,IACA,IAAO,GAAA,QAAA;AAAA,IACP,OAAU,GAAA,MAAA;AAAA,IACV,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAA,MAAM,QAAQ,CAAC,IAAA,EAAM,IAAM,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA,CAAA;AAC3C,IAAM,MAAA,QAAA,GACJ,aAAiB,IAAA,KAAA,CAAM,IAAK,CAAA,GAAA,CAAI,CAAG,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAc,CAAI,GAAA,CAAC,CAAC,CAAA,CAAA;AAEvE,IAAM,MAAA,EAAA,GAAyB,KAAM,CAAA,OAAA,CAAQ,MAAM;AACjD,MAAO,OAAA;AAAA,QACL,KAAA,EAAO,OAAO,IAAI,CAAA,CAAA;AAAA,QAClB,QAAA,EAAU,OAAO,IAAI,CAAA,CAAA;AAAA,QACrB,MAAA,EAAQ,OAAO,IAAI,CAAA,CAAA;AAAA,QACnB,SAAA,EAAW,OAAO,IAAI,CAAA,CAAA;AAAA,QACtB,GAAK,EAAA;AAAA,UACH,KAAA,EAAO,OAAO,QAAQ,CAAA,CAAA;AAAA,UACtB,QAAA,EAAU,OAAO,QAAQ,CAAA,CAAA;AAAA,UACzB,MAAA,EAAQ,OAAO,QAAQ,CAAA,CAAA;AAAA,UACvB,SAAA,EAAW,OAAO,QAAQ,CAAA,CAAA;AAAA,SAC5B;AAAA,OACF,CAAA;AAAA,KACC,EAAA,CAAC,QAAU,EAAA,IAAI,CAAC,CAAA,CAAA;AAEnB,IAAM,MAAA,UAAA,GAAa,KAAM,CAAA,OAAA,CAAQ,MAAM;AACrC,MAAA,OAAO,OAAO,IAAA,KAAS,QAAW,GAAA,KAAA,CAAM,IAAI,CAAI,GAAA,IAAA,CAAA;AAAA,KAClD,EAAG,CAAC,IAAI,CAAC,CAAA,CAAA;AAET,IACE,uBAAA,GAAA;AAAA,MAACA,YAAA;AAAA,MAAA;AAAA,QACC,EAAA;AAAA,QACA,GAAA;AAAA,QACA,SAAS,KAAM,CAAA,WAAA;AAAA,UACb,CAAC,EAA4C,KAAA;AAC3C,YAAI,IAAA,IAAA;AAAM,cAAO,MAAA,CAAA,IAAA,CAAK,MAAM,QAAQ,CAAA,CAAA;AACpC,YAAA,OAAA,GAAU,EAAE,CAAA,CAAA;AAAA,WACd;AAAA,UACA,CAAC,MAAM,OAAO,CAAA;AAAA,SAChB;AAAA,QACA,WAAA;AAAA,QACA,UAAA;AAAA,QACC,GAAG,WAAW,OAAO,CAAA;AAAA,QACtB,EAAA;AAAA,QACA,UAAU,SAAa,IAAA,QAAA;AAAA,QACvB,WAAW,CAAG,EAAA,SAAA,IAAa,EAAE,CAC3B,YAAA,EAAA,SAAA,GAAY,cAAc,EAC5B,CAAA,CAAA;AAAA,QACA,KAAA;AAAA,QACA,cACE,IAAK,CAAA,YAAY,MAAM,IAAK,CAAA,EAAA,KAAO,SAAY,KAAY,CAAA,GAAA,KAAA,CAAA;AAAA,QAE7D,IAAM,EAAA,IAAA,CAAK,EAAO,KAAA,KAAA,CAAA,GAAY,KAAY,CAAA,GAAA,IAAA;AAAA,QAC1C,IAAA,EAAM,OAAO,MAAS,GAAA,KAAA,CAAA;AAAA,QACrB,GAAG,IAAA;AAAA,QAEH,sCAAa,GAAA,CAAA,OAAA,EAAA,EAAQ,OAAM,SAAU,EAAA,CAAA,uBAAM,UAAW,EAAA,EAAA,CAAA;AAAA,OAAA;AAAA,KACzD,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,UAAA,CAAW,WAAc,GAAA,YAAA;;;;"}

package/dist/components/forms/buttons/SimpleButton.d.ts

@@ -1,21 +0,0 @@
-import { TIconType } from '@apia/icons';
-import { ButtonProps, ThemeUICSSObject } from '@apia/theme';
-import * as React from 'react';
-
-interface ISimpleButton extends ButtonProps {
-    buttonSx?: ThemeUICSSObject;
-    icon?: TIconType;
-    iconColor?: string;
-    iconPosition?: 'left' | 'right';
-    iconSize?: number;
-    isLoading?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    size?: 'sm' | 'md' | 'lg';
-    variant?: string;
-    spinnerSize?: number;
-    type?: 'button' | 'submit' | 'reset';
-}
-declare const SimpleButton: React.ForwardRefExoticComponent<Omit<ISimpleButton, "ref"> & React.RefAttributes<unknown>>;
-
-export { type ISimpleButton, SimpleButton };
-//# sourceMappingURL=SimpleButton.d.ts.map

package/dist/components/forms/buttons/SimpleButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SimpleButton.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}