@consumidor-positivo/aurora 0.5.0 → 0.9.0

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

@@ -1,4 +1,6 @@
 import { IconActivity } from "./IconActivity/index.es.js";
+import { IconAi } from "./IconAi/index.es.js";
+import { IconAiBox } from "./IconAiBox/index.es.js";
 import { IconAirplay } from "./IconAirplay/index.es.js";
 import { IconAlertCircle } from "./IconAlertCircle/index.es.js";
 import { IconAlertOctagon } from "./IconAlertOctagon/index.es.js";
@@ -24,6 +26,7 @@ import { IconArrowUpLeft } from "./IconArrowUpLeft/index.es.js";
 import { IconArrowUpRight } from "./IconArrowUpRight/index.es.js";
 import { IconAtSign } from "./IconAtSign/index.es.js";
 import { IconAward } from "./IconAward/index.es.js";
+import { IconBank } from "./IconBank/index.es.js";
 import { IconBarChart } from "./IconBarChart/index.es.js";
 import { IconBarChart2 } from "./IconBarChart2/index.es.js";
 import { IconBarCode } from "./IconBarCode/index.es.js";
@@ -198,6 +201,7 @@ import { IconPaperclip } from "./IconPaperclip/index.es.js";
 import { IconPause } from "./IconPause/index.es.js";
 import { IconPauseCircle } from "./IconPauseCircle/index.es.js";
 import { IconPenTool } from "./IconPenTool/index.es.js";
+import { IconPencilPack } from "./IconPencilPack/index.es.js";
 import { IconPercent } from "./IconPercent/index.es.js";
 import { IconPercentBalloon } from "./IconPercentBalloon/index.es.js";
 import { IconPhone } from "./IconPhone/index.es.js";
@@ -229,6 +233,7 @@ import { IconRotateCw } from "./IconRotateCw/index.es.js";
 import { IconRss } from "./IconRss/index.es.js";
 import { IconSave } from "./IconSave/index.es.js";
 import { IconSaveMoney } from "./IconSaveMoney/index.es.js";
+import { IconSchoolBag } from "./IconSchoolBag/index.es.js";
 import { IconScissors } from "./IconScissors/index.es.js";
 import { IconSearch } from "./IconSearch/index.es.js";
 import { IconSend } from "./IconSend/index.es.js";
@@ -320,6 +325,8 @@ import { IconZoomOut } from "./IconZoomOut/index.es.js";
 import { IconSocialGoogle } from "./IconSocialGoogle/index.es.js";
 export {
   IconActivity,
+  IconAi,
+  IconAiBox,
   IconAirplay,
   IconAlertCircle,
   IconAlertOctagon,
@@ -345,6 +352,7 @@ export {
   IconArrowUpRight,
   IconAtSign,
   IconAward,
+  IconBank,
   IconBarChart,
   IconBarChart2,
   IconBarCode,
@@ -519,6 +527,7 @@ export {
   IconPause,
   IconPauseCircle,
   IconPenTool,
+  IconPencilPack,
   IconPercent,
   IconPercentBalloon,
   IconPhone,
@@ -550,6 +559,7 @@ export {
   IconRss,
   IconSave,
   IconSaveMoney,
+  IconSchoolBag,
   IconScissors,
   IconSearch,
   IconSend,

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

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/icons/social/IconSocialGoogle.d.ts

@@ -1,3 +1,2 @@
 import { IconProps } from '../Icon';
-
 export declare function IconSocialGoogle(props: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/index/styles2.css

@@ -1 +1 @@
-.au-datepicker__calendar{visibility:hidden;opacity:0;position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;transition:opacity .2s,visibility .2s}@media (min-width: 600px){.au-datepicker__calendar{width:414px;position:absolute;top:calc(100% + 90px);left:0;right:auto;bottom:auto;transition:opacity .2s,visibility .2s,transform .2s ease-in-out}}.au-datepicker__calendar--visible,.au-datepicker__calendar--visible .au-datepicker__calendar-backdrop{visibility:visible;opacity:1}.au-datepicker__calendar--visible .au-datepicker__calendar-card{transform:translateY(0)}@media (min-width: 600px){.au-datepicker__calendar--visible{transform:translateY(-74px)}}.au-datepicker__calendar-backdrop{background-color:#16181dcc;cursor:pointer;position:absolute;width:100%;height:100%;visibility:0;z-index:1;-webkit-tap-highlight-color:transparent;opacity:0;transition:visibility .2s,opacity .2s}@media (min-width: 600px){.au-datepicker__calendar-backdrop{display:none}}.au-datepicker__calendar-card{width:100%;padding:16px;position:absolute;border-radius:16px 16px 0 0;border:1px solid #e2e4e9;background:#fff;bottom:0;z-index:2;transform:translateY(500px);transition:transform .2s ease-in-out}@media (min-width: 600px){.au-datepicker__calendar-card{position:relative;height:auto;transform:none;bottom:auto;transition:none;border-radius:16px}}.au-datepicker__calendar-base{width:100%}.au-datepicker__calendar-grid{width:100%;margin-top:16px}.au-datepicker__calendar-weekday,.au-datepicker__calendar-day{width:48px;height:48px;font-size:16px;font-weight:400;text-align:center;color:#16181d}@media (max-width: 320px){.au-datepicker__calendar-weekday,.au-datepicker__calendar-day{width:30px;height:30px}}.au-datepicker__calendar-day{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;transition:border .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out}.au-datepicker__calendar-day:hover{border:1px solid #0048db}.au-datepicker__calendar-day[data-disabled]{cursor:default;color:#5e6573}.au-datepicker__calendar-day[data-disabled]:hover{border:1px solid transparent}.au-datepicker__calendar-day[data-selected]{background-color:#0048db;color:#fff}.au-datepicker__calendar-actions-dock{display:flex;gap:8px;padding-top:16px}@media (min-width: 600px){.au-datepicker__calendar-actions-dock{display:none}}.au-datepicker__calendar-cancel{max-width:125px}
+.au-datepicker__calendar{visibility:hidden;opacity:0;position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;transition:opacity .2s,visibility .2s}@media(min-width:600px){.au-datepicker__calendar{width:414px;position:absolute;top:calc(100% + 90px);left:0;right:auto;bottom:auto;transition:opacity .2s,visibility .2s,transform .2s ease-in-out}}.au-datepicker__calendar--visible,.au-datepicker__calendar--visible .au-datepicker__calendar-backdrop{visibility:visible;opacity:1}.au-datepicker__calendar--visible .au-datepicker__calendar-card{transform:translateY(0)}@media(min-width:600px){.au-datepicker__calendar--visible{transform:translateY(-74px)}}.au-datepicker__calendar-backdrop{background-color:#16181dcc;cursor:pointer;position:absolute;width:100%;height:100%;visibility:0;z-index:1;-webkit-tap-highlight-color:transparent;opacity:0;transition:visibility .2s,opacity .2s}@media(min-width:600px){.au-datepicker__calendar-backdrop{display:none}}.au-datepicker__calendar-card{width:100%;padding:16px;position:absolute;border-radius:16px 16px 0 0;border:1px solid #e2e4e9;background:#fff;bottom:0;z-index:2;transform:translateY(500px);transition:transform .2s ease-in-out}@media(min-width:600px){.au-datepicker__calendar-card{position:relative;height:auto;transform:none;bottom:auto;transition:none;border-radius:16px}}.au-datepicker__calendar-base{width:100%}.au-datepicker__calendar-grid{width:100%;margin-top:16px}.au-datepicker__calendar-weekday,.au-datepicker__calendar-day{width:48px;height:48px;font-size:16px;font-weight:400;text-align:center;color:#16181d}@media(max-width:320px){.au-datepicker__calendar-weekday,.au-datepicker__calendar-day{width:30px;height:30px}}.au-datepicker__calendar-day{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;transition:border .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out}.au-datepicker__calendar-day:hover{border:1px solid #0048db}.au-datepicker__calendar-day[data-disabled]{cursor:default;color:#5e6573}.au-datepicker__calendar-day[data-disabled]:hover{border:1px solid transparent}.au-datepicker__calendar-day[data-selected]{background-color:#0048db;color:#fff}.au-datepicker__calendar-actions-dock{display:flex;gap:8px;padding-top:16px}@media(min-width:600px){.au-datepicker__calendar-actions-dock{display:none}}.au-datepicker__calendar-cancel{max-width:125px}

package/dist/components/index/styles3.css

@@ -1 +1 @@
-@media (min-width: 600px){.au-datepicker__segment{position:relative}}.au-datepicker__segment--open .au-datepicker__segment-input .au-icon{transform:rotate(180deg)}.au-datepicker__segment--open .au-datepicker__segment-list-holder{transform:translate(0);visibility:visible}@media (min-width: 600px){.au-datepicker__segment--open .au-datepicker__segment-list-holder{opacity:1;transform:none}}.au-datepicker__segment-input{padding:8px;gap:8px;display:flex;border-radius:8px;cursor:pointer;border:1px solid #e2e4e9}.au-datepicker__segment-list-holder{background:#fff;border-radius:16px 16px 0 0;position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:1;display:flex;flex-direction:column;transform:translate(100%);transition:visibility .2s,transform .2s}@media (min-width: 600px){.au-datepicker__segment-list-holder{inset:unset;left:0;opacity:0;top:calc(100% + 8px);height:224px;border-radius:16px;border:1px solid #e2e4e9;transform:none;transition:opacity .2s,visibility .2s,transform .2s}}.au-datepicker__segment-list-header{padding:24px 16px;display:flex;align-items:center;justify-content:space-between}@media (min-width: 600px){.au-datepicker__segment-list-header{display:none}}.au-datepicker__segment-list{overflow-x:scroll;flex:1}.au-datepicker__segment-list-item{padding:16px 24px;font-size:16px;line-height:150%;cursor:pointer}.au-datepicker__segment-list-item:hover,.au-datepicker__segment-list-item--active{background-color:#f6f7fa}.au-datepicker__segment-list-item:not(:last-of-type){border-bottom:1px solid #e2e4e9}@media (min-width: 600px){.au-datepicker__segment-list-item:not(:last-of-type){border-bottom:none}}.au-datepicker__segment-title{font-family:"Source Sans 3",sans-serif;font-size:16px;font-weight:600}
+@media(min-width:600px){.au-datepicker__segment{position:relative}}.au-datepicker__segment--open .au-datepicker__segment-input .au-icon{transform:rotate(180deg)}.au-datepicker__segment--open .au-datepicker__segment-list-holder{transform:translate(0);visibility:visible}@media(min-width:600px){.au-datepicker__segment--open .au-datepicker__segment-list-holder{opacity:1;transform:none}}.au-datepicker__segment-input{background:none;font:inherit;color:inherit;text-align:inherit;padding:8px;gap:8px;display:flex;border-radius:8px;cursor:pointer;border:1px solid #e2e4e9}.au-datepicker__segment-list-holder{background:#fff;border-radius:16px 16px 0 0;position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;opacity:1;display:flex;flex-direction:column;transform:translate(100%);transition:visibility .2s,transform .2s}@media(min-width:600px){.au-datepicker__segment-list-holder{inset:unset;left:0;opacity:0;top:calc(100% + 8px);height:224px;border-radius:16px;border:1px solid #e2e4e9;transform:none;transition:opacity .2s,visibility .2s,transform .2s}}.au-datepicker__segment-list-header{padding:24px 16px;display:flex;align-items:center;justify-content:space-between}.au-datepicker__segment-list-header button{border:none;background:none;padding:0;font:inherit;color:inherit;text-align:inherit;cursor:pointer}@media(min-width:600px){.au-datepicker__segment-list-header{display:none}}.au-datepicker__segment-list{overflow-x:scroll;flex:1}.au-datepicker__segment-list-item{padding:16px 24px;font-size:16px;line-height:150%;cursor:pointer}.au-datepicker__segment-list-item:hover,.au-datepicker__segment-list-item--active{background-color:#f6f7fa}.au-datepicker__segment-list-item:not(:last-of-type){border-bottom:1px solid #e2e4e9}@media(min-width:600px){.au-datepicker__segment-list-item:not(:last-of-type){border-bottom:none}}.au-datepicker__segment-title{font-family:"Source Sans 3",sans-serif;font-size:16px;font-weight:600}

package/dist/components/main/styles.css

@@ -1 +1 @@
-html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus{outline:none}body{font-family:"Source Sans 3",sans-serif;background-color:#fff}.au-card{font-family:"Source Sans 3",sans-serif}.au-card__root{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;padding:16px}.au-card__root--border-none{border:none}.au-card__root--color-secondary{background-color:#f6f7fa}.au-card__root--paddingless{padding:0}.au-card__root--with-hover-shadow{transition:box-shadow .4s ease}.au-card__root--with-hover-shadow:hover{box-shadow:1px 0 8px 1px #0000001a}.au-card__container{display:flex;flex-direction:column;align-items:start;width:100%;height:100%}.au-card__container--direction-row{flex-direction:row}.au-card__container--align-items-center{align-items:center}.au-card__container--justify-content-center{justify-content:center}.au-card__container--justify-content-space-between{justify-content:space-between}.au-card__emphasis{background-color:#f2f5fc;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:16px;margin:0 -16px;width:calc(100% + 32px)}.au-card__emphasis-container{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:end}.au-card__tag{border-radius:8px;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 16px;width:100%;color:#16181d;font-size:14px;font-weight:600;line-height:21px}.au-card__tag--primary{background-color:#95f0cf}.au-card__tag--secondary{background-color:#eee6ff}
+html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus:not(:focus-visible){outline:none}.au-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:"Source Sans 3",sans-serif;background-color:#fff}.au-card{font-family:"Source Sans 3",sans-serif}.au-card__root{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;padding:16px}.au-card__root--border-none{border:none}.au-card__root--color-secondary{background-color:#f6f7fa}.au-card__root--paddingless{padding:0}.au-card__root--with-hover-shadow{transition:box-shadow .4s ease}.au-card__root--with-hover-shadow:hover{box-shadow:1px 0 8px 1px #0000001a}.au-card__container{display:flex;flex-direction:column;align-items:start;width:100%;height:100%}.au-card__container--direction-row{flex-direction:row}.au-card__container--align-items-center{align-items:center}.au-card__container--justify-content-center{justify-content:center}.au-card__container--justify-content-space-between{justify-content:space-between}.au-card__emphasis{background-color:#f2f5fc;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:16px;margin:0 -16px;width:calc(100% + 32px)}.au-card__emphasis-container{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:end}.au-card__tag{border-radius:8px;display:flex;justify-content:center;align-items:center;gap:4px;padding:4px 16px;width:100%;color:#16181d;font-size:14px;font-weight:600;line-height:21px}.au-card__tag--primary{background-color:#95f0cf}.au-card__tag--secondary{background-color:#eee6ff}

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

@@ -1,5 +1,5 @@
 import { Conditional } from "../Conditional/index.es.js";
-import { C, D, E, W, I, S, T } from "../../react-if.esm-CoCMV6iA.js";
+import { C, D, E, W, I, S, T } from "../../react-if.esm-Cozt8l48.js";
 export {
   C as Case,
   Conditional,

package/dist/docs/tokens/components.d.ts

@@ -1,5 +1,4 @@
 import { ColorEntry, TokenCollection } from './types';
-
 type ColorGridProps = {
     collection: string;
     colors: ColorEntry[];

package/dist/docs/tokens/helpers.d.ts

@@ -1,4 +1,3 @@
 import { ColorEntry, ColorsMap } from './types';
-
 export declare function getColorsGroups(colorsMap: ColorsMap): [string, ColorEntry[]][];
 export declare function isColorLight(hexColor: string): boolean;

package/dist/{index-AOefAAO5.js → index-BmRuA8Rb.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as classNames } from "./index-BXRA68j0.js";
+import { c as classNames } from "./index-C6Q03EyZ.js";
 import "./components/Icon/index.es.js";
 import { IconChevronDown } from "./components/icons/IconChevronDown/index.es.js";
 import { IconChevronLeft } from "./components/icons/IconChevronLeft/index.es.js";
 import { IconX } from "./components/icons/IconX/index.es.js";
 import { useState, useRef, useEffect } from "react";
-import { B as BREAKPOINT_MD } from "./tokens-D_iASp38.js";
 import { a as above } from "./screen-DfYo7XQ_.js";
+import { B as BREAKPOINT_MD } from "./tokens-eEtvWiuX.js";
 import './components/index/styles3.css';function useOutsideClick({
   rootEl,
   breakpoint,
@@ -14,7 +14,7 @@ import './components/index/styles3.css';function useOutsideClick({
 }) {
   const [setupListener, setSetupListener] = useState(false);
   function listenOutsideClick() {
-    if (breakpoint && !above(breakpoint)) return;
+    if (!above(breakpoint)) return;
     document.addEventListener("mousedown", handleLoseFocus);
     setSetupListener(true);
   }
@@ -99,28 +99,40 @@ const Segment = ({
     "div",
     {
       ref: rootEl,
-      tabIndex: 0,
       className: classNames("au-datepicker__segment", {
         "au-datepicker__segment--open": isListOpen
       }),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "au-datepicker__segment-input", onClick: openList, children: [
-          currentItem == null ? void 0 : currentItem.label,
-          /* @__PURE__ */ jsx(IconChevronDown, {})
-        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "au-datepicker__segment-input",
+            onClick: openList,
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": isListOpen,
+            children: [
+              currentItem == null ? void 0 : currentItem.label,
+              /* @__PURE__ */ jsx(IconChevronDown, { "aria-hidden": "true" })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: "au-datepicker__segment-list-holder", children: [
           /* @__PURE__ */ jsxs("div", { className: "au-datepicker__segment-list-header", children: [
-            /* @__PURE__ */ jsx("div", { onClick: closeList, children: /* @__PURE__ */ jsx(IconChevronLeft, {}) }),
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: closeList, "aria-label": "Voltar", children: /* @__PURE__ */ jsx(IconChevronLeft, { "aria-hidden": "true" }) }),
             /* @__PURE__ */ jsx("h4", { className: "au-datepicker__segment-title", children: mobileTitle }),
-            /* @__PURE__ */ jsx("div", { onClick: closeList, children: /* @__PURE__ */ jsx(IconX, {}) })
+            /* @__PURE__ */ jsx("button", { type: "button", onClick: closeList, "aria-label": "Fechar", children: /* @__PURE__ */ jsx(IconX, { "aria-hidden": "true" }) })
           ] }),
-          /* @__PURE__ */ jsx("ul", { className: "au-datepicker__segment-list", children: options.map((option, idx) => {
+          /* @__PURE__ */ jsx("ul", { className: "au-datepicker__segment-list", role: "listbox", children: options.map((option, idx) => {
             const isSelectedItem = option.value === currentValue;
             return /* @__PURE__ */ jsx(
               "li",
               {
                 onClick: () => handleSelectItem(option),
                 ref: isSelectedItem ? selectedItem : null,
+                role: "option",
+                "aria-selected": isSelectedItem,
                 className: classNames("au-datepicker__segment-list-item", {
                   "au-datepicker__segment-list-item--active": isSelectedItem
                 }),
@@ -138,4 +150,4 @@ export {
   Segment as S,
   useOutsideClick as u
 };
-//# sourceMappingURL=index-AOefAAO5.js.map
+//# sourceMappingURL=index-BmRuA8Rb.js.map

package/dist/index-BmRuA8Rb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BmRuA8Rb.js","sources":["../lib/core/hooks/useOutsideClick.ts","../lib/components/form/Datepicker/Segment/hook.ts","../lib/components/form/Datepicker/Segment/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { above } from '../utils/screen'\n\ntype UseOutsideClickProps = {\n  rootEl: React.RefObject<HTMLDivElement>\n  breakpoint?: string\n  onLoseFocusCB: () => void\n}\n\nexport function useOutsideClick({\n  rootEl,\n  breakpoint,\n  onLoseFocusCB,\n}: UseOutsideClickProps) {\n  const [setupListener, setSetupListener] = useState(false)\n\n  function listenOutsideClick() {\n    if (breakpoint && !above(breakpoint)) return\n    document.addEventListener('mousedown', handleLoseFocus)\n    setSetupListener(true)\n  }\n\n  function clearOutsideClickListenner() {\n    if (setupListener) {\n      document.removeEventListener('mousedown', handleLoseFocus)\n      setSetupListener(false)\n    }\n  }\n\n  function handleLoseFocus(ev: MouseEvent | FocusEvent) {\n    if (!rootEl.current) return\n\n    const clickedOutside = !rootEl.current.contains(ev.target as Node)\n\n    if (clickedOutside) {\n      onLoseFocusCB()\n      clearOutsideClickListenner()\n    }\n  }\n\n  return {\n    listenOutsideClick,\n  }\n}\n","import { useEffect, useRef, useState } from 'react'\nimport { BREAKPOINT_MD } from '@core/tokens'\nimport { useOutsideClick } from '@core/hooks/useOutsideClick'\n\nimport { SegmentItem } from '../types'\n\ntype UseSegmentProps = {\n  options: SegmentItem[]\n  currentValue: string | number\n  onSelect: (option: SegmentItem) => void\n}\n\nexport function useSegment({\n  options,\n  currentValue,\n  onSelect,\n}: UseSegmentProps) {\n  const [isListOpen, setIsListOpen] = useState(false)\n  const rootEl = useRef<HTMLDivElement>(null)\n  const selectedItem = useRef<HTMLLIElement>(null)\n  const currentItem = options.find((item) => item.value === currentValue)\n  const { listenOutsideClick } = useOutsideClick({\n    rootEl,\n    breakpoint: BREAKPOINT_MD,\n    onLoseFocusCB: closeList,\n  })\n\n  useEffect(() => {\n    if (selectedItem.current && isListOpen) {\n      selectedItem.current.scrollIntoView({ block: 'center', inline: 'center' })\n    }\n  }, [isListOpen])\n\n  function openList() {\n    setIsListOpen(true)\n    listenOutsideClick()\n  }\n\n  function closeList() {\n    setIsListOpen(false)\n  }\n\n  function handleSelectItem(option: SegmentItem) {\n    onSelect(option)\n    setIsListOpen(false)\n  }\n\n  return {\n    openList,\n    closeList,\n    isListOpen,\n    rootEl,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  }\n}\n","import classNames from 'classnames'\nimport { IconChevronDown, IconChevronLeft, IconX } from '@components/icons'\n\nimport { useSegment } from './hook'\nimport { SegmentItem } from '../types'\nimport './styles.scss'\n\ntype SegmentProps = {\n  mobileTitle: string\n  options: SegmentItem[]\n  onSelect: (option: SegmentItem) => void\n  currentValue: string | number\n  minValue?: Date\n  maxValue?: Date\n}\n\nexport const Segment = ({\n  currentValue,\n  options,\n  mobileTitle,\n  onSelect,\n}: SegmentProps) => {\n  const {\n    rootEl,\n    isListOpen,\n    openList,\n    closeList,\n    currentItem,\n    handleSelectItem,\n    selectedItem,\n  } = useSegment({\n    options,\n    currentValue,\n    onSelect,\n  })\n\n  return (\n    <div\n      ref={rootEl}\n      className={classNames('au-datepicker__segment', {\n        'au-datepicker__segment--open': isListOpen,\n      })}>\n      <button\n        type=\"button\"\n        className=\"au-datepicker__segment-input\"\n        onClick={openList}\n        role=\"combobox\"\n        aria-haspopup=\"listbox\"\n        aria-expanded={isListOpen}>\n        {currentItem?.label}\n        <IconChevronDown aria-hidden=\"true\" />\n      </button>\n      <div className=\"au-datepicker__segment-list-holder\">\n        <div className=\"au-datepicker__segment-list-header\">\n          <button type=\"button\" onClick={closeList} aria-label=\"Voltar\">\n            <IconChevronLeft aria-hidden=\"true\" />\n          </button>\n          <h4 className=\"au-datepicker__segment-title\">{mobileTitle}</h4>\n          <button type=\"button\" onClick={closeList} aria-label=\"Fechar\">\n            <IconX aria-hidden=\"true\" />\n          </button>\n        </div>\n        <ul className=\"au-datepicker__segment-list\" role=\"listbox\">\n          {options.map((option, idx) => {\n            const isSelectedItem = option.value === currentValue\n            return (\n              <li\n                key={`au-datepicker-segment-li-${option.value}-${idx}`}\n                onClick={() => handleSelectItem(option)}\n                ref={isSelectedItem ? selectedItem : null}\n                role=\"option\"\n                aria-selected={isSelectedItem}\n                className={classNames('au-datepicker__segment-list-item', {\n                  'au-datepicker__segment-list-item--active': isSelectedItem,\n                })}>\n                {option.label}\n              </li>\n            )\n          })}\n        </ul>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/index-C6Q03EyZ.js

@@ -0,0 +1,100 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+function getAugmentedNamespace(n) {
+  if (Object.prototype.hasOwnProperty.call(n, "__esModule")) return n;
+  var f = n.default;
+  if (typeof f == "function") {
+    var a = function a2() {
+      if (this instanceof a2) {
+        return Reflect.construct(f, arguments, this.constructor);
+      }
+      return f.apply(this, arguments);
+    };
+    a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, "__esModule", { value: true });
+  Object.keys(n).forEach(function(k) {
+    var d = Object.getOwnPropertyDescriptor(n, k);
+    Object.defineProperty(a, k, d.get ? d : {
+      enumerable: true,
+      get: function() {
+        return n[k];
+      }
+    });
+  });
+  return a;
+}
+var classnames = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var hasRequiredClassnames;
+function requireClassnames() {
+  if (hasRequiredClassnames) return classnames.exports;
+  hasRequiredClassnames = 1;
+  (function(module) {
+    (function() {
+      var hasOwn = {}.hasOwnProperty;
+      function classNames2() {
+        var classes = "";
+        for (var i = 0; i < arguments.length; i++) {
+          var arg = arguments[i];
+          if (arg) {
+            classes = appendClass(classes, parseValue(arg));
+          }
+        }
+        return classes;
+      }
+      function parseValue(arg) {
+        if (typeof arg === "string" || typeof arg === "number") {
+          return arg;
+        }
+        if (typeof arg !== "object") {
+          return "";
+        }
+        if (Array.isArray(arg)) {
+          return classNames2.apply(null, arg);
+        }
+        if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+          return arg.toString();
+        }
+        var classes = "";
+        for (var key in arg) {
+          if (hasOwn.call(arg, key) && arg[key]) {
+            classes = appendClass(classes, key);
+          }
+        }
+        return classes;
+      }
+      function appendClass(value, newClass) {
+        if (!newClass) {
+          return value;
+        }
+        if (value) {
+          return value + " " + newClass;
+        }
+        return value + newClass;
+      }
+      if (module.exports) {
+        classNames2.default = classNames2;
+        module.exports = classNames2;
+      } else {
+        window.classNames = classNames2;
+      }
+    })();
+  })(classnames);
+  return classnames.exports;
+}
+var classnamesExports = requireClassnames();
+const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+export {
+  commonjsGlobal as a,
+  getDefaultExportFromCjs as b,
+  classNames as c,
+  getAugmentedNamespace as g
+};
+//# sourceMappingURL=index-C6Q03EyZ.js.map

package/dist/{index-BXRA68j0.js.map → index-C6Q03EyZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BXRA68j0.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,GAAC,WAAY;AAGZ,QAAI,SAAS,CAAE,EAAC;AAEhB,aAASA,cAAc;AACtB,UAAI,UAAU;AAEd,eAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAC1C,YAAI,MAAM,UAAU,CAAC;AACrB,YAAI,KAAK;AACR,oBAAU,YAAY,SAAS,WAAW,GAAG,CAAC;AAAA,QAC9C;AAAA,MACD;AAED,aAAO;AAAA,IACP;AAED,aAAS,WAAY,KAAK;AACzB,UAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,UAAU;AACvD,eAAO;AAAA,MACP;AAED,UAAI,OAAO,QAAQ,UAAU;AAC5B,eAAO;AAAA,MACP;AAED,UAAI,MAAM,QAAQ,GAAG,GAAG;AACvB,eAAOA,YAAW,MAAM,MAAM,GAAG;AAAA,MACjC;AAED,UAAI,IAAI,aAAa,OAAO,UAAU,YAAY,CAAC,IAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,GAAG;AACrG,eAAO,IAAI;MACX;AAED,UAAI,UAAU;AAEd,eAAS,OAAO,KAAK;AACpB,YAAI,OAAO,KAAK,KAAK,GAAG,KAAK,IAAI,GAAG,GAAG;AACtC,oBAAU,YAAY,SAAS,GAAG;AAAA,QAClC;AAAA,MACD;AAED,aAAO;AAAA,IACP;AAED,aAAS,YAAa,OAAO,UAAU;AACtC,UAAI,CAAC,UAAU;AACd,eAAO;AAAA,MACP;AAED,UAAI,OAAO;AACV,eAAO,QAAQ,MAAM;AAAA,MACrB;AAED,aAAO,QAAQ;AAAA,IACf;AAED,QAAqC,OAAO,SAAS;AACpD,MAAAA,YAAW,UAAUA;AACrB,aAAA,UAAiBA;AAAA,IACnB,OAKQ;AACN,aAAO,aAAaA;AAAA,IACpB;AAAA,EACF;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index-C6Q03EyZ.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["classNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAI,SAAS,CAAA,EAAG;AAEhB,eAASA,cAAc;AACtB,YAAI,UAAU;AAEd,iBAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAC1C,cAAI,MAAM,UAAU,CAAC;AACrB,cAAI,KAAK;AACR,sBAAU,YAAY,SAAS,WAAW,GAAG,CAAC;AAAA,UAClD;AAAA,QACA;AAEE,eAAO;AAAA,MACT;AAEC,eAAS,WAAY,KAAK;AACzB,YAAI,OAAO,QAAQ,YAAY,OAAO,QAAQ,UAAU;AACvD,iBAAO;AAAA,QACV;AAEE,YAAI,OAAO,QAAQ,UAAU;AAC5B,iBAAO;AAAA,QACV;AAEE,YAAI,MAAM,QAAQ,GAAG,GAAG;AACvB,iBAAOA,YAAW,MAAM,MAAM,GAAG;AAAA,QACpC;AAEE,YAAI,IAAI,aAAa,OAAO,UAAU,YAAY,CAAC,IAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,GAAG;AACrG,iBAAO,IAAI,SAAQ;AAAA,QACtB;AAEE,YAAI,UAAU;AAEd,iBAAS,OAAO,KAAK;AACpB,cAAI,OAAO,KAAK,KAAK,GAAG,KAAK,IAAI,GAAG,GAAG;AACtC,sBAAU,YAAY,SAAS,GAAG;AAAA,UACtC;AAAA,QACA;AAEE,eAAO;AAAA,MACT;AAEC,eAAS,YAAa,OAAO,UAAU;AACtC,YAAI,CAAC,UAAU;AACd,iBAAO;AAAA,QACV;AAEE,YAAI,OAAO;AACV,iBAAO,QAAQ,MAAM;AAAA,QACxB;AAEE,eAAO,QAAQ;AAAA,MACjB;AAEC,UAAqC,OAAO,SAAS;AACpD,QAAAA,YAAW,UAAUA;AACrB,yBAAiBA;AAAA,MACnB,OAKQ;AACN,eAAO,aAAaA;AAAA,MACtB;AAAA,IACA;;;;;;","x_google_ignoreList":[0]}