@aspprev/versi-ds 0.5.0 → 0.5.3

package/dist/{chunk-5Q7V22OH.js → chunk-7GTKG537.js}

@@ -289,11 +289,12 @@ var Divider = ({
   height = "h-[1px]",
   children,
   bgColor = "black",
+  className,
   ...rest
 }) => {
   const colorClass = colorClassMap[bgColor];
   const barClass = classNames(children ? "w-1/3" : "w-1/2", height, colorClass);
-  return /* @__PURE__ */ jsxs3("div", { className: classNames(width, "flex items-center justify-center"), children: [
+  return /* @__PURE__ */ jsxs3("div", { ...rest, className: classNames(width, "flex items-center justify-center", className), children: [
     /* @__PURE__ */ jsx4("div", { className: barClass }),
     children && /* @__PURE__ */ jsxs3("div", { className: "px-3", children: [
       children,
@@ -621,7 +622,7 @@ var avatarSizeMap = {
 };
 function Inicials(name) {
   const nome = name;
-  if (!!nome) {
+  if (nome) {
     const array = nome.split(" ");
     const primeiraLetra = nome.charAt(0);
     const posicaoUltimoEspaco = nome.lastIndexOf(" ");
@@ -645,7 +646,7 @@ var Avatar = ({
   ...rest
 }) => {
   const avatarSizeClass = avatarSizeMap[size];
-  const avatarComponent = image ? /* @__PURE__ */ jsx11(AvatarImage_default, { src: image, altDescription: description }) : !!name ? /* @__PURE__ */ jsx11(
+  const avatarComponent = image ? /* @__PURE__ */ jsx11(AvatarImage_default, { src: image, altDescription: description }) : name ? /* @__PURE__ */ jsx11(
     "span",
     {
       className: classNames5(
@@ -888,10 +889,10 @@ function PageButtons(props) {
   const { currentPage, totalResults, perPage, onClick, size } = props;
   const pages = Math.max(1, Math.ceil(totalResults / perPage));
   const sizeClasses = PAGINATION_SIZE_CLASSES[size];
-  let pagesAfter = pages - currentPage > 2 ? 2 : pages - currentPage;
-  let pagesBefore = currentPage > 2 ? 2 : currentPage === 2 ? 1 : 0;
+  const pagesAfter = pages - currentPage > 2 ? 2 : pages - currentPage;
+  const pagesBefore = currentPage > 2 ? 2 : currentPage === 2 ? 1 : 0;
   let buttonsBefore = [];
-  let buttonsAfter = [];
+  const buttonsAfter = [];
   for (let i = 1; i <= pagesBefore; i++) {
     const page = currentPage - i;
     buttonsBefore = [
@@ -1070,7 +1071,7 @@ function Checkbox({
   layout = "row",
   ...props
 }) {
-  let containerClass = "";
+  let containerClass;
   if (layout === "col") {
     containerClass = "flex flex-col gap-y-3 mt-3";
   } else if (layout === "grid-2") {
@@ -1402,15 +1403,12 @@ var InputSlider = ({
   prefix,
   suffix,
   sufix,
-  marks,
-  valueLabelDisplay = "auto",
   showLabel = false,
   disabled = false,
   inputDisabled = false,
   valueFormmated,
   showInput = false,
-  ariaLabel,
-  ...rest
+  ariaLabel
 }) => {
   const [value, setValue] = useState2(initialValue);
   const resolvedSuffix = suffix ?? sufix;
@@ -1421,7 +1419,7 @@ var InputSlider = ({
       const parsedValue = Number(newValue);
       setValue(parsedValue);
     },
-    [functionChange]
+    []
   );
   const handleInputChange = useCallback2(
     (event) => {
@@ -1696,18 +1694,18 @@ function resolveOptionalValue(value, options = {}) {
 // src/components/info-grid/InfoGrid.tsx
 import { jsx as jsx25, jsxs as jsxs15 } from "react/jsx-runtime";
 var COLUMN_STYLES2 = {
-  1: "grid-cols-1",
-  2: "grid-cols-1 mobile:grid-cols-2",
-  3: "grid-cols-1 mobile:grid-cols-2 tablet:grid-cols-3",
-  4: "grid-cols-1 mobile:grid-cols-2 desktop:grid-cols-4",
-  6: "grid-cols-1 mobile:grid-cols-2 tablet:grid-cols-3 desktop:grid-cols-6"
+  1: "versi-info-grid--1",
+  2: "versi-info-grid--2",
+  3: "versi-info-grid--3",
+  4: "versi-info-grid--4",
+  6: "versi-info-grid--6"
 };
 function InfoGrid({ columns = 3, className, ...rest }) {
   return /* @__PURE__ */ jsx25(
     "dl",
     {
       className: classNames10(
-        "grid gap-x-8 gap-y-5",
+        "versi-info-grid grid gap-x-8 gap-y-5",
         COLUMN_STYLES2[columns],
         className
       ),
@@ -2022,7 +2020,6 @@ function FormErrorNavigation() {
       cleanupPendingNavigation?.();
       const form = event.target;
       let handled = false;
-      let observer;
       const timers = [];
       const cleanup = () => {
         observer?.disconnect();
@@ -2036,7 +2033,7 @@ function FormErrorNavigation() {
         cleanup();
         navigateToInvalidField(field);
       };
-      observer = new MutationObserver(tryNavigate);
+      const observer = new MutationObserver(tryNavigate);
       observer.observe(form, {
         attributeFilter: ["aria-invalid"],
         attributes: true,
@@ -3214,15 +3211,13 @@ function resolveContainerBreakpoint(width, breakpoints = defaultContainerBreakpo
   );
 }
 function getBreakpointMapKey(breakpoints) {
-  return Object.entries(breakpoints).sort(([first], [second]) => first.localeCompare(second)).map(([name, threshold]) => `${name}:${threshold}`).join("|");
+  return JSON.stringify(Object.entries(breakpoints).sort(([, first], [, second]) => first - second));
 }
 function useContainerBreakpoint(ref, options = {}) {
   const thresholds = options.breakpoints ?? defaultContainerBreakpoints;
   const thresholdsKey = getBreakpointMapKey(thresholds);
   const sortedThresholds = useMemo4(
-    () => Object.entries(thresholds).sort(
-      ([, first], [, second]) => first === second ? 0 : first - second
-    ),
+    () => JSON.parse(thresholdsKey),
     [thresholdsKey]
   );
   const [current, setCurrent] = useState6();
@@ -3287,4 +3282,4 @@ export {
   resolveContainerBreakpoint,
   useContainerBreakpoint
 };
-//# sourceMappingURL=chunk-5Q7V22OH.js.map
+//# sourceMappingURL=chunk-7GTKG537.js.map