@consumidor-positivo/aurora 1.0.0 → 1.2.0

package/dist/components/IsMobile/index.es.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { i as isMobile } from "../../isMobile-RyKhTreE.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 const IsMobile = ({ renderIf, renderElse }) => {
   return /* @__PURE__ */ jsx(
     Conditional,

package/dist/components/LinkButton/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import './styles.css';const LinkButton = ({
   as,
   href,

package/dist/components/Modal/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import "react";
 import "../Icon/index.es.js";
 import { IconX } from "../icons/IconX/index.es.js";

package/dist/components/NavbarVertical/index.es.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { useState } from "react";
 import { Text } from "../Text/index.es.js";
 import "../Icon/index.es.js";
 import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
 import { IconChevronUp } from "../icons/IconChevronUp/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 import './styles.css';const NavbarVertical = ({
   data,
   renderItem,

package/dist/components/NavbarVertical/styles.css

@@ -1 +1 @@
-@charset "UTF-8";.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative;overflow-y:scroll}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;text-decoration:none;border-bottom:1px solid #e2e4e9}@media(min-width:600px){.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}}.au-navbar-vertical__link--is-active,.au-navbar-vertical__link--is-open{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__link--is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__toggle{margin-left:auto}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0;text-decoration:none}.au-navbar-vertical__dropdown-link:before{content:"•";font-weight:700;margin-inline:10px}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link--is-active,.au-navbar-vertical__dropdown-link--is-open{color:#0048db;font-weight:700}.au-navbar-vertical__alert{display:flex;gap:8px;align-items:flex-start;flex-direction:column;padding:24px 24px 0}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff}.au-navbar-vertical__actions>*{flex-grow:1}@media(min-width:600px){.au-navbar-vertical__actions{position:absolute}}
+@charset "UTF-8";.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative;overflow-y:scroll}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;text-decoration:none;border-bottom:1px solid #e2e4e9}@media(min-width:600px){.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}}.au-navbar-vertical__link--is-active,.au-navbar-vertical__link--is-open,.au-navbar-vertical__link--is-active.au-text,.au-navbar-vertical__link--is-open.au-text{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__link--is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__toggle{margin-left:auto}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0;text-decoration:none}.au-navbar-vertical__dropdown-link:before{content:"•";font-weight:700;margin-inline:10px}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link--is-active,.au-navbar-vertical__dropdown-link--is-open,.au-navbar-vertical__dropdown-link--is-active.au-text,.au-navbar-vertical__dropdown-link--is-open.au-text{color:#0048db;font-weight:700}.au-navbar-vertical__alert{display:flex;gap:8px;align-items:flex-start;flex-direction:column;padding:24px 24px 0}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff}.au-navbar-vertical__actions>*{flex-grow:1}@media(min-width:600px){.au-navbar-vertical__actions{position:absolute}}

package/dist/components/NotificationsBar/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useId } from "react";
 import { Text } from "../Text/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 import './styles.css';const NotificationsBarWrap = ({
   renderRecents,
   renderOlds,

package/dist/components/PartnerBanner/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const PartnerBanner = ({
   text,

package/dist/components/ProgressBar/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { Conditional } from "../Conditional/index.es.js";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { Text } from "../Text/index.es.js";
 import './styles.css';const ProgressBar = ({
   percentageMode = false,

package/dist/components/{Carousel → Prototype/Carousel}/index.es.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../../index-BW2ZU5Hx.js";
 import { useRef, useEffect, useState, useCallback, useMemo, useLayoutEffect } from "react";
-import { Conditional } from "../Conditional/index.es.js";
-import { Text } from "../Text/index.es.js";
-import { Button } from "../Button/index.es.js";
-import "../Icon/index.es.js";
-import { IconChevronLeft } from "../icons/IconChevronLeft/index.es.js";
-import { IconChevronRight } from "../icons/IconChevronRight/index.es.js";
-import './styles.css';const Scrollbar = ({ pageToEnterIndex, pages }) => {
+import { Conditional } from "../../misc/Conditional/index.es.js";
+import { Text } from "../../Text/index.es.js";
+import { Button } from "../../Button/index.es.js";
+import "../../Icon/index.es.js";
+import { IconChevronLeft } from "../../icons/IconChevronLeft/index.es.js";
+import { IconChevronRight } from "../../icons/IconChevronRight/index.es.js";
+import '../../Carousel/styles.css';const Scrollbar = ({ pageToEnterIndex, pages }) => {
   const scrollTrail = useRef(null);
   const scrollbar = useRef(null);
   useEffect(() => {

package/dist/components/Prototype/Carousel/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Prototype/Carousel/Scrollbar.tsx","../../../../lib/components/Prototype/Carousel/helpers.ts","../../../../lib/components/Prototype/Carousel/Pagination.tsx","../../../../node_modules/react-snap-carousel/dist/use-snap-carousel.mjs","../../../../lib/components/Prototype/Carousel/useCarouselDrag.ts","../../../../lib/components/Prototype/Carousel/useCarousel.ts","../../../../lib/components/Prototype/Carousel/index.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\ntype ScrollbarProps = {\n  pages: number[][];\n  pageToEnterIndex: number;\n};\n\nexport const Scrollbar = ({ pageToEnterIndex, pages }: ScrollbarProps) => {\n  const scrollTrail = useRef<HTMLDivElement>(null);\n  const scrollbar = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!scrollTrail.current || !scrollbar.current) return;\n    const trailSize = scrollTrail.current.offsetWidth;\n    const barSize = scrollbar.current.offsetWidth;\n    const availableScrollSpace = trailSize - barSize;\n\n    const currentPercentage = (pageToEnterIndex + 1) / pages.length;\n    const scrollDistance = currentPercentage * availableScrollSpace;\n\n    const barTranslate = pageToEnterIndex === 0 ? 0 : scrollDistance;\n    scrollbar.current.style.transform = `translateX(${barTranslate}px)`;\n  }, [pages, pageToEnterIndex]);\n\n  return (\n    <div className=\"au-carousel__scrollbar\" ref={scrollTrail}>\n      <div className=\"au-carousel__scrollbar-scroll\" ref={scrollbar}></div>\n    </div>\n  );\n};\n","//TODO remove\n\nconst isClient = () =>\n  !!(\n    typeof window !== 'undefined' &&\n    window.document &&\n    window.document.createElement\n  )\n\nexport function isMobile() {\n  if (!isClient()) return\n  return !!window.matchMedia('screen and (max-width:767px)').matches\n}\n","import { Conditional } from '@components/misc'\nimport { isMobile } from './helpers'\nimport { Text } from '@components/Text'\n\ntype PaginationProps = {\n  pages: number[][]\n  pageToEnterIndex: number\n  mobileText: string\n}\n\nexport const Pagination = ({\n  pageToEnterIndex,\n  pages,\n  mobileText,\n}: PaginationProps) => {\n  return (\n    <div className=\"au-carousel__pagination\">\n      <Text color=\"secondary\" weight=\"regular\">\n        <Conditional\n          condition={!isMobile()}\n          renderIf={'Página'}\n          renderElse={mobileText}\n        />{' '}\n        <b>\n          {pageToEnterIndex + 1} de {pages.length}\n        </b>\n      </Text>\n    </div>\n  )\n}\n","// src/use-snap-carousel.tsx\nimport { useState, useCallback, useEffect as useEffect2, useMemo } from \"react\";\n\n// src/use-isomorphic-layout-effect.tsx\nimport { useEffect, useLayoutEffect } from \"react\";\nvar useIsomorphicLayoutEffect = typeof document !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/use-snap-carousel.tsx\nvar useSnapCarousel = ({\n  axis = \"x\",\n  initialPages = []\n} = {}) => {\n  const dimension = axis === \"x\" ? \"width\" : \"height\";\n  const scrollDimension = axis === \"x\" ? \"scrollWidth\" : \"scrollHeight\";\n  const clientDimension = axis === \"x\" ? \"clientWidth\" : \"clientHeight\";\n  const nearSidePos = axis === \"x\" ? \"left\" : \"top\";\n  const farSidePos = axis === \"x\" ? \"right\" : \"bottom\";\n  const scrollPos = axis === \"x\" ? \"scrollLeft\" : \"scrollTop\";\n  const [scrollEl, setScrollEl] = useState(null);\n  const [{ pages, activePageIndex }, setCarouselState] = useState({\n    pages: initialPages,\n    activePageIndex: 0\n  });\n  const refreshActivePage = useCallback(\n    (pages2) => {\n      if (!scrollEl) {\n        return;\n      }\n      const hasScrolledToEnd = Math.floor(scrollEl[scrollDimension] - scrollEl[scrollPos]) <= scrollEl[clientDimension];\n      if (hasScrolledToEnd) {\n        setCarouselState({ pages: pages2, activePageIndex: pages2.length - 1 });\n        return;\n      }\n      const items = Array.from(scrollEl.children);\n      const scrollPort = scrollEl.getBoundingClientRect();\n      const offsets = pages2.map((page) => {\n        const leadIndex = page[0];\n        const leadEl = items[leadIndex];\n        assert(leadEl instanceof HTMLElement, \"Expected HTMLElement\");\n        const scrollSpacing = getEffectiveScrollSpacing(\n          scrollEl,\n          leadEl,\n          nearSidePos\n        );\n        const rect = leadEl.getBoundingClientRect();\n        const offset = rect[nearSidePos] - scrollPort[nearSidePos] - scrollSpacing;\n        return Math.abs(offset);\n      });\n      const minOffset = Math.min(...offsets);\n      const nextActivePageIndex = offsets.indexOf(minOffset);\n      setCarouselState({ pages: pages2, activePageIndex: nextActivePageIndex });\n    },\n    [scrollEl, clientDimension, nearSidePos, scrollDimension, scrollPos]\n  );\n  const refresh = useCallback(() => {\n    if (!scrollEl) {\n      return;\n    }\n    const items = Array.from(scrollEl.children);\n    const scrollPort = scrollEl.getBoundingClientRect();\n    let currPageStartPos;\n    const pages2 = items.reduce((acc, item, i) => {\n      assert(item instanceof HTMLElement, \"Expected HTMLElement\");\n      const currPage = acc[acc.length - 1];\n      const rect = getOffsetRect(item, item.parentElement);\n      if (!currPage || item.dataset.shouldSnap === \"true\" || rect[farSidePos] - currPageStartPos > Math.ceil(scrollPort[dimension])) {\n        acc.push([i]);\n        const scrollSpacing = getEffectiveScrollSpacing(\n          scrollEl,\n          item,\n          nearSidePos\n        );\n        currPageStartPos = rect[nearSidePos] - scrollSpacing;\n      } else {\n        currPage.push(i);\n      }\n      return acc;\n    }, []);\n    refreshActivePage(pages2);\n  }, [refreshActivePage, scrollEl, dimension, farSidePos, nearSidePos]);\n  useIsomorphicLayoutEffect(() => {\n    refresh();\n  }, [refresh]);\n  useEffect2(() => {\n    const handle = () => {\n      refresh();\n    };\n    window.addEventListener(\"resize\", handle);\n    window.addEventListener(\"orientationchange\", handle);\n    return () => {\n      window.removeEventListener(\"resize\", handle);\n      window.removeEventListener(\"orientationchange\", handle);\n    };\n  }, [refresh]);\n  useEffect2(() => {\n    if (!scrollEl) {\n      return;\n    }\n    const handle = () => {\n      refreshActivePage(pages);\n    };\n    scrollEl.addEventListener(\"scroll\", handle);\n    return () => {\n      scrollEl.removeEventListener(\"scroll\", handle);\n    };\n  }, [refreshActivePage, pages, scrollEl]);\n  const handleGoTo = (index, opts) => {\n    if (!scrollEl) {\n      return;\n    }\n    const page = pages[index];\n    if (!page) {\n      return;\n    }\n    const items = Array.from(scrollEl.children);\n    const leadIndex = page[0];\n    const leadEl = items[leadIndex];\n    if (!(leadEl instanceof HTMLElement)) {\n      return;\n    }\n    const scrollSpacing = getEffectiveScrollSpacing(\n      scrollEl,\n      leadEl,\n      nearSidePos\n    );\n    const behavior = (opts == null ? void 0 : opts.behavior) || \"smooth\";\n    scrollEl.scrollTo({\n      behavior,\n      [nearSidePos]: getOffsetRect(leadEl, leadEl.parentElement)[nearSidePos] - scrollSpacing\n    });\n  };\n  const handlePrev = (opts) => {\n    handleGoTo(activePageIndex - 1, opts);\n  };\n  const handleNext = (opts) => {\n    handleGoTo(activePageIndex + 1, opts);\n  };\n  const snapPointIndexes = useMemo(\n    () => new Set(pages.map((page) => page[0])),\n    [pages]\n  );\n  const hasPrevPage = activePageIndex > 0;\n  const hasNextPage = activePageIndex < pages.length - 1;\n  return {\n    hasPrevPage,\n    hasNextPage,\n    prev: handlePrev,\n    next: handleNext,\n    goTo: handleGoTo,\n    refresh,\n    pages,\n    activePageIndex,\n    snapPointIndexes,\n    scrollRef: setScrollEl\n  };\n};\nvar getOffsetRect = (el, relativeTo) => {\n  const rect = _getOffsetRect(el);\n  if (!relativeTo) {\n    return rect;\n  }\n  const relativeRect = _getOffsetRect(relativeTo);\n  return {\n    left: rect.left - relativeRect.left,\n    top: rect.top - relativeRect.top,\n    right: rect.right - relativeRect.left,\n    bottom: rect.bottom - relativeRect.top,\n    width: rect.width,\n    height: rect.height\n  };\n};\nvar _getOffsetRect = (el) => {\n  const rect = el.getBoundingClientRect();\n  let scrollLeft = 0;\n  let scrollTop = 0;\n  let parentEl = el.parentElement;\n  while (parentEl) {\n    scrollLeft += parentEl.scrollLeft;\n    scrollTop += parentEl.scrollTop;\n    parentEl = parentEl.parentElement;\n  }\n  const left = rect.left + scrollLeft;\n  const top = rect.top + scrollTop;\n  return {\n    left,\n    top,\n    right: left + rect.width,\n    bottom: top + rect.height,\n    width: rect.width,\n    height: rect.height\n  };\n};\nvar getScrollPaddingUsedValue = (el, pos) => {\n  const style = window.getComputedStyle(el);\n  const scrollPadding = style.getPropertyValue(`scroll-padding-${pos}`) || \"0px\";\n  if (scrollPadding === \"auto\") {\n    return 0;\n  }\n  const invalidMsg = `Unsupported scroll padding value, expected <length> or <percentage> value, received ${scrollPadding}`;\n  if (scrollPadding.endsWith(\"px\")) {\n    const value = parseInt(scrollPadding);\n    assert(!Number.isNaN(value), invalidMsg);\n    return value;\n  }\n  if (scrollPadding.endsWith(\"%\")) {\n    const value = parseInt(scrollPadding);\n    assert(!Number.isNaN(value), invalidMsg);\n    return el.clientWidth / 100 * value;\n  }\n  throw new RSCError(invalidMsg);\n};\nvar getScrollMarginUsedValue = (el, pos) => {\n  const style = window.getComputedStyle(el);\n  const scrollMargin = style.getPropertyValue(`scroll-margin-${pos}`) || \"0px\";\n  const invalidMsg = `Unsupported scroll margin value, expected <length> value, received ${scrollMargin}`;\n  assert(scrollMargin.endsWith(\"px\"), invalidMsg);\n  const value = parseInt(scrollMargin);\n  assert(!Number.isNaN(value), invalidMsg);\n  return value;\n};\nvar getEffectiveScrollSpacing = (scrollEl, itemEl, pos) => {\n  const scrollPadding = getScrollPaddingUsedValue(scrollEl, pos);\n  const scrollMargin = getScrollMarginUsedValue(itemEl, pos);\n  const rect = getOffsetRect(itemEl, itemEl.parentElement);\n  return Math.min(scrollPadding + scrollMargin, rect[pos]);\n};\nfunction assert(value, message) {\n  if (value) {\n    return;\n  }\n  throw new RSCError(message);\n}\nvar RSCError = class extends Error {\n  constructor(message) {\n    super(`[react-snap-carousel]: ${message}`);\n  }\n};\nexport {\n  useSnapCarousel\n};\n","import { isMobile } from './helpers'\nimport { useState } from 'react'\n\ntype UseCarouselDragArgs = {\n  goPrevious: () => void\n  goNext: () => void\n}\n\nexport function useCarouselDrag({ goPrevious, goNext }: UseCarouselDragArgs) {\n  const [isPressing, setIsPressing] = useState(false)\n  const [dragStartPosition, setDragStartPosition] = useState(0)\n\n  function handleStartDrag(e: React.MouseEvent<HTMLUListElement, MouseEvent>) {\n    if (isMobile()) return\n    setIsPressing(true)\n    document.addEventListener('mouseup', handleRelease)\n    setDragStartPosition(e.clientX)\n  }\n\n  function handleRelease() {\n    document.removeEventListener('mouseup', handleRelease)\n    setIsPressing(false)\n    setDragStartPosition(0)\n  }\n\n  function handleMouseMove(e: React.MouseEvent<HTMLUListElement, MouseEvent>) {\n    if (isMobile() || (!isMobile() && !isPressing)) return\n\n    const currentX = e.clientX\n    if (currentX > dragStartPosition) {\n      goPrevious()\n    } else if (currentX < dragStartPosition) {\n      goNext()\n    }\n  }\n\n  return {\n    handleMouseMove,\n    handleStartDrag,\n  }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { SnapCarouselResult, useSnapCarousel } from 'react-snap-carousel'\nimport { useCarouselDrag } from './useCarouselDrag'\n\ntype UseCarouselArgs = {\n  items: unknown[]\n}\n\nexport default function useCarousel({ items }: UseCarouselArgs) {\n  const {\n    scrollRef,\n    pages,\n    activePageIndex,\n    hasPrevPage,\n    hasNextPage,\n    prev,\n    next,\n    snapPointIndexes,\n    refresh,\n  }: SnapCarouselResult = useSnapCarousel({ axis: 'x' })\n  const showControls = snapPointIndexes.size > 1\n  const [numberOfItems, setNumberOfItems] = useState(items.length)\n  const [nextPage, setNextPage] = useState(0)\n  const railRef = useRef<HTMLElement | null>(null)\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const { handleMouseMove, handleStartDrag } = useCarouselDrag({\n    goNext,\n    goPrevious,\n  })\n\n  useEffect(() => {\n    if (items.length !== numberOfItems) {\n      refresh()\n      setNumberOfItems(items.length)\n    }\n  }, [items])\n\n  function setRef(el: HTMLElement | null) {\n    scrollRef(el)\n    railRef.current = el\n  }\n\n  function goNext() {\n    const nextIndex = activePageIndex + 1\n    setNextPage(nextIndex)\n    next()\n  }\n\n  function goPrevious() {\n    setNextPage(activePageIndex === 0 ? activePageIndex : activePageIndex - 1)\n    prev()\n  }\n\n  return {\n    rootRef,\n    setRef,\n    nextPage,\n    pages,\n    railRef,\n    hasPrevPage,\n    hasNextPage,\n    goPrevious,\n    goNext,\n    snapPointIndexes,\n    activePageIndex,\n    handleMouseMove,\n    handleStartDrag,\n    showControls,\n  }\n}\n","/**\n * Carousel Component\n * \n * @requires react-snap-carousel\n * This component requires the 'react-snap-carousel' package to be installed.\n * Install it using: npm install react-snap-carousel\n */\n\nimport classNames from 'classnames'\nimport { Scrollbar } from './Scrollbar'\nimport { Pagination } from './Pagination'\nimport useCarousel from './useCarousel'\nimport { CarouselProps } from './types'\n\nimport { Button } from '@components/Button'\nimport { Conditional } from '@components/misc'\nimport { IconChevronLeft, IconChevronRight } from '@components/icons'\n\nimport './styles.scss'\n\nexport const Carousel = ({\n  items,\n  type,\n  mobileText = '',\n  draggable = true,\n  'data-testid': dataTestId,\n}: CarouselProps) => {\n  const {\n    rootRef,\n    setRef,\n    snapPointIndexes,\n    activePageIndex,\n    pages,\n    hasPrevPage,\n    goPrevious,\n    hasNextPage,\n    goNext,\n    handleStartDrag,\n    handleMouseMove,\n    showControls,\n  } = useCarousel({\n    items,\n  })\n\n  const cl = classNames('au-carousel', { 'au-carousel--draggable': draggable })\n  return (\n    <div className={cl} ref={rootRef} data-testid={dataTestId}>\n      <ul\n        className=\"au-carousel__rail\"\n        ref={setRef}\n        onMouseDown={draggable ? handleStartDrag : undefined}\n        onMouseMove={draggable ? handleMouseMove : undefined}>\n        {items.map((item, i) => {\n          const key = `au-${item.key || i}`\n          return (\n            <li\n              className={classNames('au-carousel__item', {\n                'au-carousel__item--snap': snapPointIndexes.has(i),\n              })}\n              data-key={key}\n              key={key}>\n              {item}\n            </li>\n          )\n        })}\n      </ul>\n\n      <Conditional\n        condition={showControls}\n        renderIf={\n          <div className=\"au-carousel__actions\">\n            {type === 'scrollbar' && (\n              <Scrollbar pageToEnterIndex={activePageIndex} pages={pages} />\n            )}\n\n            {type === 'pages' && (\n              <Pagination\n                pageToEnterIndex={activePageIndex}\n                pages={pages}\n                mobileText={mobileText}\n              />\n            )}\n\n            <div\n              className={classNames('au-carousel__btns', {\n                'au-carousel__btns--pages': type === 'pages',\n              })}>\n              <Button\n                round\n                type=\"outlined\"\n                disabled={!hasPrevPage}\n                onClick={goPrevious}\n                aria-label=\"Anterior\">\n                <IconChevronLeft aria-hidden=\"true\" />\n              </Button>\n              <Button\n                round\n                type=\"outlined\"\n                disabled={!hasNextPage}\n                onClick={goNext}\n                aria-label=\"Próximo\">\n                <IconChevronRight aria-hidden=\"true\" />\n              </Button>\n            </div>\n          </div>\n        }\n      />\n    </div>\n  )\n}\n"],"names":["useEffect2"],"mappings":"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","x_google_ignoreList":[3]}

package/dist/components/Skeleton/index.es.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import './styles.css';const Skeleton = ({
   active = true,
   shape = "default",

package/dist/components/SpecialButton/index.d.ts

@@ -33,6 +33,12 @@ export type SpecialButtonProps = {
      * swipe gesture).
      */
     knobAriaLabel?: string;
+    /**
+     * Slider only — helper text shown below the button after an incomplete
+     * drag, guiding the user to slide all the way to the end.
+     * @default 'Arraste até o final para confirmar ação'
+     */
+    incompleteHint?: ReactNode;
     'data-testid'?: string;
 };
 export declare const SpecialButton: ({ type, ...props }: SpecialButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SpecialButton/index.es.js

@@ -1,15 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { useRef, useState, useEffect } from "react";
 import "../Icon/index.es.js";
 import { IconArrowRight } from "../icons/IconArrowRight/index.es.js";
 import { IconCheck } from "../icons/IconCheck/index.es.js";
 import { IconLoader } from "../icons/IconLoader/index.es.js";
 import { IconSlash } from "../icons/IconSlash/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 import './styles.css';const KNOB_SIZE = 40;
 const TRACK_PADDING = 4;
-const CONFIRM_THRESHOLD = 0.85;
+const CONFIRM_THRESHOLD = 0.7;
+const COMPLETE_ANIMATION_MS = 400;
 const _PressButton = ({
   children = "Hold to confirm",
   onConfirm,
@@ -99,15 +100,20 @@ const _SliderButton = ({
   success = false,
   skeleton = false,
   knobAriaLabel = "Arraste para confirmar",
+  incompleteHint = "Arraste até o final para confirmar ação",
   "data-testid": dataTestId
 }) => {
   const containerRef = useRef(null);
   const startXRef = useRef(0);
+  const completeTimerRef = useRef();
   const [dragging, setDragging] = useState(false);
   const [dragX, setDragX] = useState(0);
+  const [completing, setCompleting] = useState(false);
+  const [showHint, setShowHint] = useState(false);
   const [confirmed, setConfirmed] = useState(false);
   const isSuccess = success || confirmed;
-  const isInteractive = !disabled && !loading && !isSuccess && !skeleton;
+  const isInteractive = !disabled && !loading && !isSuccess && !skeleton && !completing;
+  useEffect(() => () => window.clearTimeout(completeTimerRef.current), []);
   function _maxDrag() {
     const container = containerRef.current;
     if (!container) return 0;
@@ -117,6 +123,17 @@ const _SliderButton = ({
     setConfirmed(true);
     if (onConfirm) onConfirm();
   }
+  function _complete() {
+    setDragging(false);
+    setCompleting(true);
+    setShowHint(false);
+    setDragX(_maxDrag());
+    completeTimerRef.current = window.setTimeout(() => {
+      setCompleting(false);
+      setDragX(0);
+      _confirm();
+    }, COMPLETE_ANIMATION_MS);
+  }
   function handlePointerDown(event) {
     var _a, _b;
     if (!isInteractive) return;
@@ -126,14 +143,16 @@ const _SliderButton = ({
   }
   function handlePointerMove(event) {
     if (!dragging) return;
+    const max = _maxDrag();
     const delta = event.clientX - startXRef.current;
-    setDragX(Math.min(Math.max(delta, 0), _maxDrag()));
+    const next = Math.min(Math.max(delta, 0), max);
+    setDragX(next);
+    if (max > 0 && next >= max * CONFIRM_THRESHOLD) _complete();
   }
   function handlePointerEnd() {
     if (!dragging) return;
     setDragging(false);
-    const max = _maxDrag();
-    if (max > 0 && dragX >= max * CONFIRM_THRESHOLD) _confirm();
+    if (dragX > 0) setShowHint(true);
     setDragX(0);
   }
   function handleKeyDown(event) {
@@ -149,6 +168,7 @@ const _SliderButton = ({
     {
       [`au-special-button--variant-${variant}`]: !!variant,
       "au-special-button--dragging": dragging,
+      "au-special-button--completing": completing,
       "au-special-button--disabled": disabled,
       "au-special-button--loading": loading,
       "au-special-button--success": isSuccess,
@@ -160,27 +180,43 @@ const _SliderButton = ({
     if (disabled) return /* @__PURE__ */ jsx(IconSlash, { "aria-hidden": "true" });
     return /* @__PURE__ */ jsx(IconArrowRight, { "aria-hidden": "true" });
   }
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: classes, "data-testid": dataTestId, children: [
-    loading && /* @__PURE__ */ jsx(IconLoader, {}),
-    !loading && !skeleton && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("span", { className: "au-special-button__label", children }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "au-special-button__knob",
-          "aria-label": knobAriaLabel,
-          disabled,
-          style: dragX > 0 ? { transform: `translateX(${dragX}px)` } : void 0,
-          onPointerDown: handlePointerDown,
-          onPointerMove: handlePointerMove,
-          onPointerUp: handlePointerEnd,
-          onPointerCancel: handlePointerEnd,
-          onKeyDown: handleKeyDown,
-          children: _renderKnobIcon()
-        }
-      )
-    ] })
+  const maxDrag = _maxDrag();
+  const dragProgress = maxDrag > 0 ? dragX / maxDrag : 0;
+  return /* @__PURE__ */ jsxs("div", { className: "au-special-button-wrapper", children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        className: classes,
+        style: {
+          "--au-special-button-progress": dragProgress
+        },
+        "data-testid": dataTestId,
+        children: [
+          loading && /* @__PURE__ */ jsx(IconLoader, {}),
+          !loading && !skeleton && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "au-special-button__label", children }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "au-special-button__knob",
+                "aria-label": knobAriaLabel,
+                disabled,
+                style: dragX > 0 ? { transform: `translateX(${dragX}px)` } : void 0,
+                onPointerDown: handlePointerDown,
+                onPointerMove: handlePointerMove,
+                onPointerUp: handlePointerEnd,
+                onPointerCancel: handlePointerEnd,
+                onKeyDown: handleKeyDown,
+                children: _renderKnobIcon()
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    showHint && !isSuccess && /* @__PURE__ */ jsx("span", { className: "au-special-button__hint", role: "status", children: incompleteHint })
   ] });
 };
 const SpecialButton = ({ type = "press", ...props }) => {

package/dist/components/SpecialButton/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/SpecialButton/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useEffect, useRef, useState } from 'react'\nimport {\n  IconArrowRight,\n  IconCheck,\n  IconLoader,\n  IconSlash,\n} from '../icons/default'\nimport { Conditional } from '../misc/Conditional'\nimport './styles.scss'\n\nconst KNOB_SIZE = 40\nconst TRACK_PADDING = 4\nconst CONFIRM_THRESHOLD = 0.85\n\nexport type SpecialButtonProps = {\n  /**\n   * Interaction mode: 'press' is hold-to-confirm (Figma: Press Button),\n   * 'slider' is swipe-to-confirm (Figma: Swipe Button).\n   * @default 'press'\n   */\n  type?: 'press' | 'slider'\n  children?: ReactNode\n  /** Called once when the interaction completes (hold finished / knob dragged to the end). */\n  onConfirm?: () => void\n  disabled?: boolean\n  loading?: boolean\n  /**\n   * Controlled success state. The component also enters success on its own\n   * right after a completed interaction.\n   */\n  success?: boolean\n  /**\n   * Press only — time in milliseconds the user must keep pressing to confirm.\n   * @default 1500\n   */\n  holdDuration?: number\n  /** Press only — stretches the button to fill the container width. */\n  expand?: 'x'\n  /** Slider only — visual variant (Figma: Swipe Button, ◇ Type Primary | Secondary). */\n  variant?: 'primary' | 'secondary'\n  /** Slider only — renders an empty skeleton placeholder. */\n  skeleton?: boolean\n  /**\n   * Slider only — accessible label for the draggable knob. Pressing Enter or\n   * Space on the focused knob confirms directly (keyboard alternative to the\n   * swipe gesture).\n   */\n  knobAriaLabel?: string\n  'data-testid'?: string\n}\n\nconst _PressButton = ({\n  children = 'Hold to confirm',\n  onConfirm,\n  holdDuration = 1500,\n  disabled = false,\n  loading = false,\n  success = false,\n  expand,\n  'data-testid': dataTestId,\n}: SpecialButtonProps) => {\n  const [holding, setHolding] = useState(false)\n  const [confirmed, setConfirmed] = useState(false)\n  const timerRef = useRef<number>()\n\n  const isSuccess = success || confirmed\n  const isInteractive = !disabled && !loading && !isSuccess\n\n  useEffect(() => () => window.clearTimeout(timerRef.current), [])\n\n  function _startHold() {\n    if (!isInteractive || holding) return\n    setHolding(true)\n    timerRef.current = window.setTimeout(() => {\n      setHolding(false)\n      setConfirmed(true)\n      if (onConfirm) onConfirm()\n    }, holdDuration)\n  }\n\n  function _cancelHold() {\n    if (!holding) return\n    window.clearTimeout(timerRef.current)\n    setHolding(false)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLButtonElement>) {\n    if ((event.key === 'Enter' || event.key === ' ') && !event.repeat) {\n      event.preventDefault()\n      _startHold()\n    }\n  }\n\n  function handleKeyUp(event: React.KeyboardEvent<HTMLButtonElement>) {\n    if (event.key === 'Enter' || event.key === ' ') _cancelHold()\n  }\n\n  const classes = classNames('au-special-button', 'au-special-button--type-press', {\n    'au-special-button--holding': holding,\n    'au-special-button--disabled': disabled,\n    'au-special-button--loading': loading,\n    'au-special-button--success': isSuccess,\n    [`au-special-button--expand-${expand}`]: !!expand,\n  })\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      style={\n        {\n          '--au-special-button-duration': `${holdDuration}ms`,\n        } as React.CSSProperties\n      }\n      disabled={disabled || loading}\n      aria-busy={loading}\n      onPointerDown={_startHold}\n      onPointerUp={_cancelHold}\n      onPointerLeave={_cancelHold}\n      onPointerCancel={_cancelHold}\n      onKeyDown={handleKeyDown}\n      onKeyUp={handleKeyUp}\n      data-testid={dataTestId}>\n      <span className=\"au-special-button__fill\" aria-hidden=\"true\" />\n      <Conditional\n        condition={loading}\n        renderIf={<IconLoader />}\n        renderElse={\n          <span className=\"au-special-button__label\">\n            {disabled && <IconSlash aria-hidden=\"true\" />}\n            {children}\n          </span>\n        }\n      />\n    </button>\n  )\n}\n\nconst _SliderButton = ({\n  children = 'Slide to action',\n  onConfirm,\n  variant = 'primary',\n  disabled = false,\n  loading = false,\n  success = false,\n  skeleton = false,\n  knobAriaLabel = 'Arraste para confirmar',\n  'data-testid': dataTestId,\n}: SpecialButtonProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const startXRef = useRef(0)\n  const [dragging, setDragging] = useState(false)\n  const [dragX, setDragX] = useState(0)\n  const [confirmed, setConfirmed] = useState(false)\n\n  const isSuccess = success || confirmed\n  const isInteractive = !disabled && !loading && !isSuccess && !skeleton\n\n  function _maxDrag() {\n    const container = containerRef.current\n    if (!container) return 0\n    return container.clientWidth - KNOB_SIZE - TRACK_PADDING * 2\n  }\n\n  function _confirm() {\n    setConfirmed(true)\n    if (onConfirm) onConfirm()\n  }\n\n  function handlePointerDown(event: React.PointerEvent<HTMLButtonElement>) {\n    if (!isInteractive) return\n    setDragging(true)\n    startXRef.current = event.clientX\n    event.currentTarget.setPointerCapture?.(event.pointerId)\n  }\n\n  function handlePointerMove(event: React.PointerEvent<HTMLButtonElement>) {\n    if (!dragging) return\n    const delta = event.clientX - startXRef.current\n    setDragX(Math.min(Math.max(delta, 0), _maxDrag()))\n  }\n\n  function handlePointerEnd() {\n    if (!dragging) return\n    setDragging(false)\n    const max = _maxDrag()\n    if (max > 0 && dragX >= max * CONFIRM_THRESHOLD) _confirm()\n    setDragX(0)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLButtonElement>) {\n    if (!isInteractive) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      _confirm()\n    }\n  }\n\n  const classes = classNames(\n    'au-special-button',\n    'au-special-button--type-slider',\n    {\n      [`au-special-button--variant-${variant}`]: !!variant,\n      'au-special-button--dragging': dragging,\n      'au-special-button--disabled': disabled,\n      'au-special-button--loading': loading,\n      'au-special-button--success': isSuccess,\n      'au-special-button--skeleton': skeleton,\n    },\n  )\n\n  function _renderKnobIcon() {\n    if (isSuccess) return <IconCheck aria-hidden=\"true\" />\n    if (disabled) return <IconSlash aria-hidden=\"true\" />\n    return <IconArrowRight aria-hidden=\"true\" />\n  }\n\n  return (\n    <div ref={containerRef} className={classes} data-testid={dataTestId}>\n      {loading && <IconLoader />}\n      {!loading && !skeleton && (\n        <>\n          <span className=\"au-special-button__label\">{children}</span>\n          <button\n            type=\"button\"\n            className=\"au-special-button__knob\"\n            aria-label={knobAriaLabel}\n            disabled={disabled}\n            style={\n              dragX > 0 ? { transform: `translateX(${dragX}px)` } : undefined\n            }\n            onPointerDown={handlePointerDown}\n            onPointerMove={handlePointerMove}\n            onPointerUp={handlePointerEnd}\n            onPointerCancel={handlePointerEnd}\n            onKeyDown={handleKeyDown}>\n            {_renderKnobIcon()}\n          </button>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport const SpecialButton = ({ type = 'press', ...props }: SpecialButtonProps) => {\n  if (type === 'slider') return <_SliderButton {...props} />\n  return <_PressButton {...props} />\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/SpecialButton/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport React, { ReactNode, useEffect, useRef, useState } from 'react'\nimport {\n  IconArrowRight,\n  IconCheck,\n  IconLoader,\n  IconSlash,\n} from '../icons/default'\nimport { Conditional } from '../misc/Conditional'\nimport './styles.scss'\n\nconst KNOB_SIZE = 40\nconst TRACK_PADDING = 4\n// Figma (Behavior): a partir de ~70% do trajeto a ação já conta como\n// confirmada e o botão se completa sozinho.\nconst CONFIRM_THRESHOLD = 0.7\nconst COMPLETE_ANIMATION_MS = 400\n\nexport type SpecialButtonProps = {\n  /**\n   * Interaction mode: 'press' is hold-to-confirm (Figma: Press Button),\n   * 'slider' is swipe-to-confirm (Figma: Swipe Button).\n   * @default 'press'\n   */\n  type?: 'press' | 'slider'\n  children?: ReactNode\n  /** Called once when the interaction completes (hold finished / knob dragged to the end). */\n  onConfirm?: () => void\n  disabled?: boolean\n  loading?: boolean\n  /**\n   * Controlled success state. The component also enters success on its own\n   * right after a completed interaction.\n   */\n  success?: boolean\n  /**\n   * Press only — time in milliseconds the user must keep pressing to confirm.\n   * @default 1500\n   */\n  holdDuration?: number\n  /** Press only — stretches the button to fill the container width. */\n  expand?: 'x'\n  /** Slider only — visual variant (Figma: Swipe Button, ◇ Type Primary | Secondary). */\n  variant?: 'primary' | 'secondary'\n  /** Slider only — renders an empty skeleton placeholder. */\n  skeleton?: boolean\n  /**\n   * Slider only — accessible label for the draggable knob. Pressing Enter or\n   * Space on the focused knob confirms directly (keyboard alternative to the\n   * swipe gesture).\n   */\n  knobAriaLabel?: string\n  /**\n   * Slider only — helper text shown below the button after an incomplete\n   * drag, guiding the user to slide all the way to the end.\n   * @default 'Arraste até o final para confirmar ação'\n   */\n  incompleteHint?: ReactNode\n  'data-testid'?: string\n}\n\nconst _PressButton = ({\n  children = 'Hold to confirm',\n  onConfirm,\n  holdDuration = 1500,\n  disabled = false,\n  loading = false,\n  success = false,\n  expand,\n  'data-testid': dataTestId,\n}: SpecialButtonProps) => {\n  const [holding, setHolding] = useState(false)\n  const [confirmed, setConfirmed] = useState(false)\n  const timerRef = useRef<number>()\n\n  const isSuccess = success || confirmed\n  const isInteractive = !disabled && !loading && !isSuccess\n\n  useEffect(() => () => window.clearTimeout(timerRef.current), [])\n\n  function _startHold() {\n    if (!isInteractive || holding) return\n    setHolding(true)\n    timerRef.current = window.setTimeout(() => {\n      setHolding(false)\n      setConfirmed(true)\n      if (onConfirm) onConfirm()\n    }, holdDuration)\n  }\n\n  function _cancelHold() {\n    if (!holding) return\n    window.clearTimeout(timerRef.current)\n    setHolding(false)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLButtonElement>) {\n    if ((event.key === 'Enter' || event.key === ' ') && !event.repeat) {\n      event.preventDefault()\n      _startHold()\n    }\n  }\n\n  function handleKeyUp(event: React.KeyboardEvent<HTMLButtonElement>) {\n    if (event.key === 'Enter' || event.key === ' ') _cancelHold()\n  }\n\n  const classes = classNames('au-special-button', 'au-special-button--type-press', {\n    'au-special-button--holding': holding,\n    'au-special-button--disabled': disabled,\n    'au-special-button--loading': loading,\n    'au-special-button--success': isSuccess,\n    [`au-special-button--expand-${expand}`]: !!expand,\n  })\n\n  return (\n    <button\n      type=\"button\"\n      className={classes}\n      style={\n        {\n          '--au-special-button-duration': `${holdDuration}ms`,\n        } as React.CSSProperties\n      }\n      disabled={disabled || loading}\n      aria-busy={loading}\n      onPointerDown={_startHold}\n      onPointerUp={_cancelHold}\n      onPointerLeave={_cancelHold}\n      onPointerCancel={_cancelHold}\n      onKeyDown={handleKeyDown}\n      onKeyUp={handleKeyUp}\n      data-testid={dataTestId}>\n      <span className=\"au-special-button__fill\" aria-hidden=\"true\" />\n      <Conditional\n        condition={loading}\n        renderIf={<IconLoader />}\n        renderElse={\n          <span className=\"au-special-button__label\">\n            {disabled && <IconSlash aria-hidden=\"true\" />}\n            {children}\n          </span>\n        }\n      />\n    </button>\n  )\n}\n\nconst _SliderButton = ({\n  children = 'Slide to action',\n  onConfirm,\n  variant = 'primary',\n  disabled = false,\n  loading = false,\n  success = false,\n  skeleton = false,\n  knobAriaLabel = 'Arraste para confirmar',\n  incompleteHint = 'Arraste até o final para confirmar ação',\n  'data-testid': dataTestId,\n}: SpecialButtonProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const startXRef = useRef(0)\n  const completeTimerRef = useRef<number>()\n  const [dragging, setDragging] = useState(false)\n  const [dragX, setDragX] = useState(0)\n  const [completing, setCompleting] = useState(false)\n  const [showHint, setShowHint] = useState(false)\n  const [confirmed, setConfirmed] = useState(false)\n\n  const isSuccess = success || confirmed\n  const isInteractive =\n    !disabled && !loading && !isSuccess && !skeleton && !completing\n\n  useEffect(() => () => window.clearTimeout(completeTimerRef.current), [])\n\n  function _maxDrag() {\n    const container = containerRef.current\n    if (!container) return 0\n    return container.clientWidth - KNOB_SIZE - TRACK_PADDING * 2\n  }\n\n  function _confirm() {\n    setConfirmed(true)\n    if (onConfirm) onConfirm()\n  }\n\n  function _complete() {\n    setDragging(false)\n    setCompleting(true)\n    setShowHint(false)\n    setDragX(_maxDrag())\n    completeTimerRef.current = window.setTimeout(() => {\n      setCompleting(false)\n      setDragX(0)\n      _confirm()\n    }, COMPLETE_ANIMATION_MS)\n  }\n\n  function handlePointerDown(event: React.PointerEvent<HTMLButtonElement>) {\n    if (!isInteractive) return\n    setDragging(true)\n    startXRef.current = event.clientX\n    event.currentTarget.setPointerCapture?.(event.pointerId)\n  }\n\n  function handlePointerMove(event: React.PointerEvent<HTMLButtonElement>) {\n    if (!dragging) return\n    const max = _maxDrag()\n    const delta = event.clientX - startXRef.current\n    const next = Math.min(Math.max(delta, 0), max)\n    setDragX(next)\n    if (max > 0 && next >= max * CONFIRM_THRESHOLD) _complete()\n  }\n\n  function handlePointerEnd() {\n    if (!dragging) return\n    setDragging(false)\n    if (dragX > 0) setShowHint(true)\n    setDragX(0)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLButtonElement>) {\n    if (!isInteractive) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      _confirm()\n    }\n  }\n\n  const classes = classNames(\n    'au-special-button',\n    'au-special-button--type-slider',\n    {\n      [`au-special-button--variant-${variant}`]: !!variant,\n      'au-special-button--dragging': dragging,\n      'au-special-button--completing': completing,\n      'au-special-button--disabled': disabled,\n      'au-special-button--loading': loading,\n      'au-special-button--success': isSuccess,\n      'au-special-button--skeleton': skeleton,\n    },\n  )\n\n  function _renderKnobIcon() {\n    if (isSuccess) return <IconCheck aria-hidden=\"true\" />\n    if (disabled) return <IconSlash aria-hidden=\"true\" />\n    return <IconArrowRight aria-hidden=\"true\" />\n  }\n\n  const maxDrag = _maxDrag()\n  const dragProgress = maxDrag > 0 ? dragX / maxDrag : 0\n\n  return (\n    <div className=\"au-special-button-wrapper\">\n      <div\n        ref={containerRef}\n        className={classes}\n        style={\n          {\n            '--au-special-button-progress': dragProgress,\n          } as React.CSSProperties\n        }\n        data-testid={dataTestId}>\n        {loading && <IconLoader />}\n        {!loading && !skeleton && (\n          <>\n            <span className=\"au-special-button__label\">{children}</span>\n            <button\n              type=\"button\"\n              className=\"au-special-button__knob\"\n              aria-label={knobAriaLabel}\n              disabled={disabled}\n              style={\n                dragX > 0 ? { transform: `translateX(${dragX}px)` } : undefined\n              }\n              onPointerDown={handlePointerDown}\n              onPointerMove={handlePointerMove}\n              onPointerUp={handlePointerEnd}\n              onPointerCancel={handlePointerEnd}\n              onKeyDown={handleKeyDown}>\n              {_renderKnobIcon()}\n            </button>\n          </>\n        )}\n      </div>\n      {showHint && !isSuccess && (\n        <span className=\"au-special-button__hint\" role=\"status\">\n          {incompleteHint}\n        </span>\n      )}\n    </div>\n  )\n}\n\nexport const SpecialButton = ({ type = 'press', ...props }: SpecialButtonProps) => {\n  if (type === 'slider') return <_SliderButton {...props} />\n  return <_PressButton {...props} />\n}\n"],"names":[],"mappings":"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"}

package/dist/components/SpecialButton/styles.css

@@ -1 +1 @@
-.au-special-button{position:relative;display:flex;align-items:center;justify-content:center;height:48px;border-radius:48px;overflow:hidden;background-color:#0048db;color:#fff;font-family:"Source Sans 3",sans-serif;font-size:16px;font-weight:600;-webkit-user-select:none;user-select:none}.au-special-button--type-press{display:inline-flex;gap:8px;padding:8px 16px;border:none;text-align:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.au-special-button--type-press .au-icon,.au-special-button--type-press .au-icon>svg{width:20px;height:20px;color:#fff}.au-special-button__fill{position:absolute;top:0;left:0;bottom:0;width:0;background-color:#18256c;transition:width .2s ease}.au-special-button__label{position:relative;display:inline-flex;align-items:center;gap:8px}.au-special-button--holding .au-special-button__fill{width:100%;transition:width var(--au-special-button-duration, 1.5s) linear}.au-special-button--type-press.au-special-button--success .au-special-button__fill,.au-special-button--type-press.au-special-button--loading .au-special-button__fill{width:100%;transition:width .3s ease}.au-special-button--type-press.au-special-button--disabled{background-color:#e2e4e9;color:#c4c9d4;cursor:not-allowed}.au-special-button--type-press.au-special-button--disabled .au-icon,.au-special-button--type-press.au-special-button--disabled .au-icon>svg{width:16px;height:16px;color:#c4c9d4}.au-special-button--type-press.au-special-button--loading{cursor:progress}.au-special-button--type-press.au-special-button--loading .au-icon{position:relative;animation:au-special-button-spin 1s infinite linear}.au-special-button--expand-x{width:100%}.au-special-button__knob{position:absolute;top:4px;left:4px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background-color:#fff;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;cursor:grab;touch-action:none;transition:transform .2s ease}.au-special-button__knob .au-icon,.au-special-button__knob .au-icon>svg{width:24px;height:24px;color:#0048db}.au-special-button--dragging .au-special-button__knob{cursor:grabbing;transition:none}.au-special-button--type-slider .au-special-button__label{padding:8px 48px}.au-special-button--variant-secondary{background-color:#fff;border:1px solid #0048db;color:#0048db}.au-special-button--type-slider.au-special-button--disabled{background-color:#f6f7fa;border:none;color:#c4c9d4}.au-special-button--type-slider.au-special-button--disabled .au-special-button__knob{background-color:#e2e4e9;box-shadow:none;cursor:not-allowed}.au-special-button--type-slider.au-special-button--disabled .au-special-button__knob .au-icon,.au-special-button--type-slider.au-special-button--disabled .au-special-button__knob .au-icon>svg{color:#c4c9d4}.au-special-button--type-slider.au-special-button--success{background-color:#138040;border:none;color:#fff}.au-special-button--type-slider.au-special-button--success .au-special-button__knob{left:auto;right:4px;cursor:default}.au-special-button--type-slider.au-special-button--success .au-special-button__knob .au-icon,.au-special-button--type-slider.au-special-button--success .au-special-button__knob .au-icon>svg{color:#138040}.au-special-button--variant-secondary.au-special-button--success{background-color:#fff;border:1px solid #10593b;color:#10593b}.au-special-button--variant-secondary.au-special-button--success .au-special-button__knob .au-icon,.au-special-button--variant-secondary.au-special-button--success .au-special-button__knob .au-icon>svg{color:#10593b}.au-special-button--type-slider.au-special-button--loading{background-color:#10593b;border:none;cursor:progress}.au-special-button--type-slider.au-special-button--loading .au-icon{animation:au-special-button-spin 1s infinite linear}.au-special-button--type-slider.au-special-button--loading .au-icon,.au-special-button--type-slider.au-special-button--loading .au-icon>svg{width:20px;height:20px;color:#fff}.au-special-button--skeleton{background-color:#f6f7fa;border:none;animation:au-special-button-pulse 1.5s ease-in-out infinite}@keyframes au-special-button-spin{to{transform:rotate(360deg)}}@keyframes au-special-button-pulse{0%,to{opacity:1}50%{opacity:.6}}
+.au-special-button{position:relative;display:flex;align-items:center;justify-content:center;height:48px;border-radius:48px;overflow:hidden;background-color:#0048db;color:#fff;font-family:"Source Sans 3",sans-serif;font-size:16px;font-weight:600;-webkit-user-select:none;user-select:none}.au-special-button--type-press{display:inline-flex;gap:8px;padding:8px 16px;border:none;text-align:center;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.au-special-button--type-press .au-icon,.au-special-button--type-press .au-icon>svg{width:20px;height:20px;color:#fff}.au-special-button__fill{position:absolute;top:0;left:0;bottom:0;width:0;background-color:#18256c;transition:width .2s ease}.au-special-button__label{position:relative;display:inline-flex;align-items:center;gap:8px}.au-special-button--holding .au-special-button__fill{width:100%;transition:width var(--au-special-button-duration, 1.5s) linear}.au-special-button--type-press.au-special-button--success .au-special-button__fill,.au-special-button--type-press.au-special-button--loading .au-special-button__fill{width:100%;transition:width .3s ease}.au-special-button--type-press.au-special-button--disabled{background-color:#e2e4e9;color:#c4c9d4;cursor:not-allowed}.au-special-button--type-press.au-special-button--disabled .au-icon,.au-special-button--type-press.au-special-button--disabled .au-icon>svg{width:16px;height:16px;color:#c4c9d4}.au-special-button--type-press.au-special-button--loading{cursor:progress}.au-special-button--type-press.au-special-button--loading .au-icon{position:relative;animation:au-special-button-spin 1s infinite linear}.au-special-button--expand-x{width:100%}.au-special-button__knob{position:absolute;top:4px;left:4px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background-color:#fff;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;cursor:grab;touch-action:none;transition:transform .2s ease}.au-special-button__knob .au-icon,.au-special-button__knob .au-icon>svg{width:24px;height:24px;color:#0048db}.au-special-button--dragging .au-special-button__knob{cursor:grabbing;transition:none}.au-special-button--completing .au-special-button__knob{cursor:default;transition:transform .4s ease-out}.au-special-button--type-slider .au-special-button__label{padding:8px 48px;opacity:calc(1 - var(--au-special-button-progress, 0) * 1.4);transition:opacity .1s linear}.au-special-button--variant-secondary{background-color:#fff;border:1px solid #0048db;color:#0048db}.au-special-button--type-slider.au-special-button--disabled{background-color:#f6f7fa;border:none;color:#c4c9d4}.au-special-button--type-slider.au-special-button--disabled .au-special-button__knob{background-color:#e2e4e9;box-shadow:none;cursor:not-allowed}.au-special-button--type-slider.au-special-button--disabled .au-special-button__knob .au-icon,.au-special-button--type-slider.au-special-button--disabled .au-special-button__knob .au-icon>svg{color:#c4c9d4}.au-special-button--type-slider.au-special-button--success{background-color:#138040;border:none;color:#fff}.au-special-button--type-slider.au-special-button--success .au-special-button__label{opacity:0}.au-special-button--type-slider.au-special-button--success .au-special-button__knob{left:auto;right:4px;cursor:default}.au-special-button--type-slider.au-special-button--success .au-special-button__knob .au-icon,.au-special-button--type-slider.au-special-button--success .au-special-button__knob .au-icon>svg{color:#138040}.au-special-button--variant-secondary.au-special-button--success{background-color:#fff;border:1px solid #10593b;color:#10593b}.au-special-button--variant-secondary.au-special-button--success .au-special-button__knob .au-icon,.au-special-button--variant-secondary.au-special-button--success .au-special-button__knob .au-icon>svg{color:#10593b}.au-special-button--type-slider.au-special-button--loading{background-color:#10593b;border:none;cursor:progress}.au-special-button--type-slider.au-special-button--loading .au-icon{animation:au-special-button-spin 1s infinite linear}.au-special-button--type-slider.au-special-button--loading .au-icon,.au-special-button--type-slider.au-special-button--loading .au-icon>svg{width:20px;height:20px;color:#fff}.au-special-button--skeleton{background-color:#f6f7fa;border:none;animation:au-special-button-pulse 1.5s ease-in-out infinite}.au-special-button__hint{display:block;margin-top:8px;text-align:center;font-family:"Source Sans 3",sans-serif;font-size:12px;font-weight:400;color:#313131}.au-special-button-wrapper{width:100%}@keyframes au-special-button-spin{to{transform:rotate(360deg)}}@keyframes au-special-button-pulse{0%,to{opacity:1}50%{opacity:.6}}

package/dist/components/Spinner/index.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import { i as COLOR_NEUTRAL_00, j as COLOR_BRAND_BLUE_40 } from "../../tokens-C4yCunfz.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
+import { Q as COLOR_NEUTRAL_00, l as COLOR_BRAND_BLUE_40 } from "../../tokens-C4ypB4bY.js";
 import './styles.css';const SIZE_MAP = {
   small: 16,
   medium: 20,

package/dist/components/SubHeader/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import "react";
 import "../Icon/index.es.js";
 import { IconChevronLeft } from "../icons/IconChevronLeft/index.es.js";

package/dist/components/Switch/Card/index.es.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../../index-BW2ZU5Hx.js";
+import { PureSwitch } from "../Pure/index.es.js";
+import '../../Card/styles2.css';const CardSwitch = ({ isActive, label, id, disabled, activateCallBack, deactivateCallBack, shouldFadeOutAfterActivate, "data-testid": dataTestId }) => {
+  const cardSwitchClassNames = classNames("au-card-switch", {});
+  const cardSwitchWrapperClassNames = classNames("au-card-switch-wrapper", {
+    "au-card-switch-wrapper--fade-out": shouldFadeOutAfterActivate && isActive,
+    "au-card-switch-wrapper--active": isActive
+  });
+  return /* @__PURE__ */ jsx("div", { className: cardSwitchClassNames, "data-testid": dataTestId, children: /* @__PURE__ */ jsx("div", { className: cardSwitchWrapperClassNames, children: /* @__PURE__ */ jsx(
+    PureSwitch,
+    {
+      isActive,
+      label,
+      id,
+      activateCallBack,
+      deactivateCallBack,
+      disabled
+    }
+  ) }) });
+};
+export {
+  CardSwitch
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/Switch/Card/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Switch/Card/index.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { PureSwitch } from '../Pure';\n\nimport './styles.scss';\nimport { CardSwitchProps } from './types';\n\nexport const CardSwitch: React.FC<CardSwitchProps> = ({ isActive, label, id, disabled, activateCallBack, deactivateCallBack , shouldFadeOutAfterActivate, 'data-testid': dataTestId }) => {\n\t\n\tconst cardSwitchClassNames = classNames(\"au-card-switch\",  {\n\t\t\n\t});\n\n\tconst cardSwitchWrapperClassNames = classNames(\"au-card-switch-wrapper\",  {\n\t\t\"au-card-switch-wrapper--fade-out\": shouldFadeOutAfterActivate && isActive,\n\t\t\"au-card-switch-wrapper--active\": isActive\n\t});\n\n\treturn (\n    <div className={cardSwitchClassNames} data-testid={dataTestId}>\n    <div className={cardSwitchWrapperClassNames}>\n\t\t\t<PureSwitch \n\t\t\t\tisActive={isActive}\n\t\t\t\tlabel={label}\n\t\t\t\tid={id}\n\t\t\t\tactivateCallBack={activateCallBack}\n\t\t\t\tdeactivateCallBack={deactivateCallBack}\n\t\t\t\tdisabled={disabled}\n\t\t\t/>\n    </div>\n</div>\n  )\n}\n"],"names":[],"mappings":";;;AAMO,MAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,IAAI,UAAU,kBAAkB,oBAAqB,4BAA4B,eAAe,WAAA,MAAiB;AAEzL,QAAM,uBAAuB,WAAW,kBAAmB,EAE1D;AAED,QAAM,8BAA8B,WAAW,0BAA2B;AAAA,IACzE,oCAAoC,8BAA8B;AAAA,IAClE,kCAAkC;AAAA,EAAA,CAClC;AAED,SACG,oBAAC,SAAI,WAAW,sBAAsB,eAAa,YACnD,UAAA,oBAAC,OAAA,EAAI,WAAW,6BACjB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAEA,EAAA,CACJ;AAEA;"}

package/dist/components/{Pure → Switch/Pure}/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import './styles.css';const PureSwitch = ({
+import '../../Pure/styles.css';const PureSwitch = ({
   isActive,
   label,
   id,

package/dist/components/Switch/Pure/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/Switch/Pure/index.tsx"],"sourcesContent":["import './styles.scss';\n\nimport { SwitchProps } from './types';\n\n\nexport const PureSwitch: React.FC<SwitchProps> = ({\n\tisActive,\n\tlabel,\n\tid,\n\tdisabled,\n\tactivateCallBack,\n\tdeactivateCallBack,\n\t'data-testid': dataTestId,\n}) => {\n\tconst handleToggle = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tconst isActivated = event.target.checked;\n\n    if(isActivated) return activateCallBack();\n\n\t\treturn deactivateCallBack?.()\n  };\n\t\n\treturn (\n    <div className=\"au-switch\" data-testid={dataTestId}>\n      <label htmlFor={id} className=\"au-switch-label\">\n\t\t\t\t<span>{label}</span>\n\t\t\t\t<div className=\"au-switch-container\">\n\t\t\t\t\t<input\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t\tclassName=\"au-switch-checkbox\"\n\t\t\t\t\t\tchecked={isActive}\n\t\t\t\t\t\tonChange={handleToggle}\n\t\t\t\t\t\trole=\"switch\"\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<div className=\"au-switch-track\">\n\t\t\t\t\t\t<div className=\"au-switch-thumb\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n    </label>\n    </div>\n  )\n}\n"],"names":[],"mappings":";AAKO,MAAM,aAAoC,CAAC;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAChB,MAAM;AACL,QAAM,eAAe,CAAC,UAA+C;AACpE,UAAM,cAAc,MAAM,OAAO;AAE/B,QAAG,oBAAoB,iBAAA;AAEzB,WAAO;AAAA,EACP;AAED,SACG,oBAAC,OAAA,EAAI,WAAU,aAAY,eAAa,YACtC,UAAA,qBAAC,SAAA,EAAM,SAAS,IAAI,WAAU,mBAChC,UAAA;AAAA,IAAA,oBAAC,UAAM,UAAA,MAAA,CAAM;AAAA,IACb,qBAAC,OAAA,EAAI,WAAU,uBACd,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACA;AAAA,UACA,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU;AAAA,UACV,MAAK;AAAA,UACL;AAAA,QAAA;AAAA,MAAA;AAAA,MAGD,oBAAC,SAAI,WAAU,mBACd,8BAAC,OAAA,EAAI,WAAU,mBAAkB,EAAA,CAClC;AAAA,IAAA,EAAA,CACD;AAAA,EAAA,EAAA,CACA,EAAA,CACA;AAEJ;"}

package/dist/components/Tabs/index.es.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
 import { W as When } from "../../react-if.esm-Cozt8l48.js";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import './styles.css';const Tabs = ({
   tabs,
   initialTab,

package/dist/components/Tabs/styles.css

@@ -1 +1 @@
-.au-tabs{border-bottom:1px solid #e2e4e9}.au-tabs__container{display:flex;flex-direction:column}@media(min-width:600px){.au-tabs__container{flex-direction:row;align-items:center;justify-content:space-between}}.au-tabs__btns{display:flex;position:relative;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.au-tabs__btns::-webkit-scrollbar{display:none}@media(min-width:600px){.au-tabs__btns{overflow:unset}}.au-tabs__btns-option{display:flex;flex:1 0 0;align-items:center;justify-content:center;min-height:36px;border:none;background:none;cursor:pointer;padding:8px 24px;font-family:Lexend Deca,sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#454a54;position:relative;transition:all .3s ease}@media(min-width:600px){.au-tabs__btns-option{flex:0 0 auto}}.au-tabs__btns-option--active{color:#0048db;font-weight:600}.au-tabs__btns-indicator{position:absolute;bottom:-1px;left:0;height:2px;background-color:#0048db;transition:all .3s cubic-bezier(.4,0,.2,1)}.au-tabs__children{margin-top:24px}@media(min-width:600px){.au-tabs__children{margin-top:32px}}
+.au-tabs{border-bottom:1px solid #e2e4e9}.au-tabs__container{display:flex;flex-direction:column}@media(min-width:600px){.au-tabs__container{flex-direction:row;align-items:center;justify-content:space-between}}.au-tabs__btns{display:flex;position:relative;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.au-tabs__btns::-webkit-scrollbar{display:none}@media(min-width:600px){.au-tabs__btns{overflow:unset}}.au-tabs__btns-option{display:flex;flex:1 0 0;align-items:center;justify-content:center;min-height:36px;border:none;background:none;cursor:pointer;padding:8px 24px;font-family:Lexend Deca,sans-serif;font-size:14px;font-weight:400;line-height:1.4;color:#454a54;position:relative;transition:all .3s ease}@media(min-width:600px){.au-tabs__btns-option{flex:0 0 auto}}.au-tabs__btns-option--active{color:#0048db;font-weight:600}.au-tabs__btns-indicator{position:absolute;bottom:-1px;left:0;height:2px;background-color:#0048db;transition:all .3s cubic-bezier(.4,0,.2,1)}.au-tabs__children{margin-top:24px}@media(min-width:600px){.au-tabs__children{margin-top:32px}}.au-tabs-root{display:contents}

package/dist/components/Text/index.es.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
-import DynamicTagComponent from "../DynamicTagComponent/index.es.js";
-import { Conditional } from "../Conditional/index.es.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
+import DynamicTagComponent from "../misc/DynamicTagComponent/index.es.js";
+import { Conditional } from "../misc/Conditional/index.es.js";
 import './styles.css';const Text = ({
   as = "p",
   children,

package/dist/components/Tooltip/index.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useId } from "react";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import './styles.css';const Tooltip = ({
   text,
   position = "top",

package/dist/components/Transition/index.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "../../index-C6Q03EyZ.js";
+import { c as classNames } from "../../index-BW2ZU5Hx.js";
 import { Text } from "../Text/index.es.js";
 import { useState, useRef, useEffect } from "react";
 import './styles.css';const useTransition = ({

package/dist/components/form/Checkbox/Field/index.es.js

@@ -0,0 +1,60 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { c as classNames } from "../../../../index-BW2ZU5Hx.js";
+import "../../../Icon/index.es.js";
+import { IconCheck } from "../../../icons/IconCheck/index.es.js";
+import Field from "../../Field/index.es.js";
+import { Conditional } from "../../../misc/Conditional/index.es.js";
+import { Q as COLOR_NEUTRAL_00 } from "../../../../tokens-C4ypB4bY.js";
+import '../../../Field/styles.css';const CheckboxField = ({
+  label,
+  error,
+  errorMessage,
+  disabled,
+  id,
+  style,
+  ...props
+}) => {
+  const checkboxClasses = classNames("au-checkbox", {
+    "au-checkbox--error": !!error,
+    "au-checkbox--disabled": !!disabled
+  });
+  const getSafeId = (id2) => {
+    return id2 ? id2 : `au-checkbox-${Math.random()}`;
+  };
+  const [safeId] = useState(getSafeId(id));
+  return /* @__PURE__ */ jsxs("div", { className: checkboxClasses, style, children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: safeId, className: "au-checkbox__holder", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "au-checkbox__input",
+          type: "checkbox",
+          id: safeId,
+          disabled,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "au-checkbox__check", children: /* @__PURE__ */ jsx(IconCheck, { rawColor: COLOR_NEUTRAL_00, size: "small" }) }),
+      /* @__PURE__ */ jsx(
+        Conditional,
+        {
+          condition: typeof label === "string",
+          renderIf: /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "au-checkbox__label",
+              dangerouslySetInnerHTML: { __html: label || "" }
+            }
+          ),
+          renderElse: /* @__PURE__ */ jsx("span", { className: "au-checkbox__label", children: label })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
+  ] });
+};
+export {
+  CheckboxField
+};
+//# sourceMappingURL=index.es.js.map