@plenustech/design-system 0.2.0 → 0.2.2

package/dist/components/forms/Select/Select.js

@@ -0,0 +1,191 @@
+import { jsx as n, jsxs as L, Fragment as H } from "react/jsx-runtime";
+import { useRef as S, useState as N, useId as z, useLayoutEffect as U, useEffect as W } from "react";
+import { createPortal as $ } from "react-dom";
+import { useOverlay as G, useOverlayPosition as J } from "@react-aria/overlays";
+import { ListingOptions as Q } from "../../data-display/List/ListingOptions.js";
+import { useListing as X } from "../../data-display/List/useListing.js";
+import { useFormReset as Y } from "../../../hooks/useFormReset.js";
+import { useMergedRefs as Z } from "../../../hooks/useMergedRefs.js";
+import { FormValue as _ } from "../Field/FormValue.js";
+import l from "./Select.module.css.js";
+import { Field as q } from "../Field/Field.js";
+import { IconChevronDown as V } from "../../icons/icons.js";
+function de({
+  "aria-describedby": g,
+  className: a,
+  defaultValue: i,
+  name: u,
+  disabled: s = !1,
+  error: d,
+  hint: R,
+  id: f,
+  label: m,
+  onClick: p,
+  onKeyDown: b,
+  onValueChange: y,
+  options: x,
+  placeholder: v = "Selecione",
+  ref: e,
+  required: t = !1,
+  size: w = "md",
+  value: k,
+  ...M
+}) {
+  const h = S(null), [D, E] = N(!1), P = Y(() => O.reset()), j = Z(h, P, e), O = X({
+    items: x,
+    selectionMode: "single",
+    defaultValue: i === void 0 ? void 0 : [{ value: i, label: "" }],
+    value: k === void 0 ? void 0 : [{ value: k, label: "" }],
+    onSelectionChange: (r) => {
+      const [c] = r;
+      c && (y == null || y(c.value));
+    }
+  }), [o] = O.selected;
+  function F() {
+    var r;
+    E(!1), (r = h.current) == null || r.focus();
+  }
+  function I() {
+    var r;
+    s || (O.focus((o == null ? void 0 : o.value) ?? ((r = x.find((c) => !c.disabled)) == null ? void 0 : r.value)), E(!0));
+  }
+  function T(r) {
+    b == null || b(r), ["ArrowDown", "ArrowUp", "Enter", " "].includes(r.key) && (r.preventDefault(), I());
+  }
+  function A(r) {
+    p == null || p(r), D ? F() : I();
+  }
+  return /* @__PURE__ */ n(q, { "aria-describedby": g, error: d, hint: R, id: f, label: m, required: t, children: ({ id: r, describedBy: c, invalid: B }) => /* @__PURE__ */ L(H, { children: [
+    /* @__PURE__ */ n(
+      _,
+      {
+        disabled: s,
+        name: u,
+        onFocus: () => {
+          var K;
+          return (K = h.current) == null ? void 0 : K.focus();
+        },
+        required: t,
+        value: (o == null ? void 0 : o.value) ?? ""
+      }
+    ),
+    /* @__PURE__ */ L(
+      "button",
+      {
+        ...M,
+        ref: j,
+        className: [l.trigger, l[w], d && l.error, a].filter(Boolean).join(" "),
+        type: "button",
+        id: r,
+        role: "combobox",
+        "aria-describedby": c,
+        "aria-invalid": B || void 0,
+        "aria-haspopup": "listbox",
+        "aria-expanded": D,
+        "aria-required": t || void 0,
+        disabled: s,
+        onClick: A,
+        onKeyDown: T,
+        children: [
+          /* @__PURE__ */ n("span", { className: o != null && o.label ? l.value : l.placeholder, children: (o == null ? void 0 : o.label) || v }),
+          /* @__PURE__ */ n(V, { className: l.chevron, size: 14 })
+        ]
+      }
+    ),
+    D && $(
+      /* @__PURE__ */ n(
+        C,
+        {
+          label: m ?? v,
+          listing: O,
+          onClose: F,
+          triggerRef: h
+        }
+      ),
+      document.body
+    )
+  ] }) });
+}
+function C({
+  label: g,
+  listing: a,
+  onClose: i,
+  triggerRef: u
+}) {
+  var v;
+  const s = S(null), d = S(null), R = `listbox-${z()}`, { overlayProps: f } = G(
+    {
+      isOpen: !0,
+      onClose: i,
+      isDismissable: !0,
+      shouldCloseOnBlur: !1,
+      // O gatilho nao conta como "fora": sem isto o ponteiro fecha o painel e o
+      // clique dele reabre em seguida, e ele pisca sem abrir.
+      shouldCloseOnInteractOutside: (e) => {
+        var t;
+        return !((t = u.current) != null && t.contains(e));
+      }
+    },
+    s
+  ), { overlayProps: m } = J({
+    targetRef: u,
+    overlayRef: s,
+    placement: "bottom start",
+    offset: 6,
+    containerPadding: 8,
+    isOpen: !0
+  }), [p, b] = N(), y = Math.min(Number((v = m.style) == null ? void 0 : v.maxHeight) || 280, 280);
+  U(() => {
+    var e;
+    b((e = u.current) == null ? void 0 : e.offsetWidth);
+  }, [u]), W(() => {
+    var e;
+    (e = d.current) == null || e.focus();
+  }, []);
+  function x(e) {
+    if (e.key === "Escape" || e.key === "Tab") {
+      i();
+      return;
+    }
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      const t = a.visible.find((w) => w.value === a.focusedKey);
+      t && !t.disabled && (a.select(t), i());
+      return;
+    }
+    if (e.key.length === 1 && !e.metaKey && !e.ctrlKey) {
+      a.typeahead(e.key);
+      return;
+    }
+    a.handleKeyDown(e);
+  }
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...f,
+      ref: s,
+      className: l.panel,
+      "data-react-aria-top-layer": "true",
+      style: { ...m.style, width: p, maxHeight: y },
+      children: /* @__PURE__ */ n(
+        Q,
+        {
+          baseId: R,
+          elementRef: d,
+          label: g,
+          listing: a,
+          onKeyDown: (e) => {
+            var t;
+            x(e), (t = f.onKeyDown) == null || t.call(f, e);
+          },
+          onSelect: i,
+          tabIndex: -1
+        }
+      )
+    }
+  );
+}
+export {
+  de as Select
+};
+//# sourceMappingURL=Select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../../src/components/forms/Select/Select.tsx"],"sourcesContent":["import {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ComponentPropsWithRef,\n  type KeyboardEvent,\n  type MouseEvent,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport { ListingOptions } from '../../data-display/List/ListingOptions';\nimport { useListing, type Listing } from '../../data-display/List/useListing';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport styles from './Select.module.css';\nimport { IconChevronDown } from '../../icons';\n\nexport type SelectSize = 'sm' | 'md';\n\nexport interface SelectOption {\n  disabled?: boolean;\n  label: string;\n  value: string;\n}\n\n/** As propriedades nativas vao ao gatilho, que e o controle; o `className` soma ao do sistema. */\nexport interface SelectProps\n  extends Omit<ComponentPropsWithRef<'button'>, 'children' | 'defaultValue' | 'name' | 'onChange' | 'type' | 'value'> {\n  defaultValue?: string;\n  error?: string;\n  hint?: string;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  onValueChange?: (value: string) => void;\n  options: readonly SelectOption[];\n  placeholder?: string;\n  required?: boolean;\n  size?: SelectSize;\n  value?: string;\n}\n\nexport function Select({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  onClick,\n  onKeyDown,\n  onValueChange,\n  options,\n  placeholder = 'Selecione',\n  ref,\n  required = false,\n  size = 'md',\n  value,\n  ...props\n}: SelectProps) {\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const resetRef = useFormReset<HTMLButtonElement>(() => listing.reset());\n  const mergedRef = useMergedRefs(triggerRef, resetRef, ref);\n\n  // O valor e a chave, e nao a opcao: com opcoes que chegam depois, filtrar por elas perdia a escolha.\n  const listing = useListing({\n    items: options,\n    selectionMode: 'single',\n    defaultValue: defaultValue === undefined ? undefined : [{ value: defaultValue, label: '' }],\n    value: value === undefined ? undefined : [{ value, label: '' }],\n    onSelectionChange: (chosen) => {\n      const [first] = chosen;\n\n      if (first) {\n        onValueChange?.(first.value);\n      }\n    },\n  });\n\n  const [chosen] = listing.selected;\n\n  function fechar() {\n    setOpen(false);\n    triggerRef.current?.focus();\n  }\n\n  function abrir() {\n    if (disabled) {\n      return;\n    }\n\n    listing.focus(chosen?.value ?? options.find((option) => !option.disabled)?.value);\n    setOpen(true);\n  }\n\n  function handleTriggerKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    onKeyDown?.(event);\n\n    if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n      event.preventDefault();\n      abrir();\n    }\n  }\n\n  function handleTriggerClick(event: MouseEvent<HTMLButtonElement>) {\n    onClick?.(event);\n\n    if (open) {\n      fechar();\n    } else {\n      abrir();\n    }\n  }\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => triggerRef.current?.focus()}\n            required={required}\n            value={chosen?.value ?? ''}\n          />\n          <button\n            {...props}\n            ref={mergedRef}\n            className={[styles.trigger, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            type=\"button\"\n            id={id}\n            role=\"combobox\"\n            aria-describedby={describedBy}\n            aria-invalid={invalid || undefined}\n            aria-haspopup=\"listbox\"\n            aria-expanded={open}\n            aria-required={required || undefined}\n            disabled={disabled}\n            onClick={handleTriggerClick}\n            onKeyDown={handleTriggerKeyDown}\n          >\n            <span className={chosen?.label ? styles.value : styles.placeholder}>{chosen?.label || placeholder}</span>\n            <IconChevronDown className={styles.chevron} size={14} />\n          </button>\n          {open &&\n            createPortal(\n              <SelectListbox\n                label={label ?? placeholder}\n                listing={listing}\n                onClose={fechar}\n                triggerRef={triggerRef}\n              />,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n\nfunction SelectListbox({\n  label,\n  listing,\n  onClose,\n  triggerRef,\n}: {\n  label: string;\n  listing: Listing;\n  onClose: () => void;\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n}) {\n  const panelRef = useRef<HTMLDivElement>(null);\n  const listboxRef = useRef<HTMLElement | null>(null);\n  // `Math.random` mudava entre servidor e cliente.\n  const baseId = `listbox-${useId()}`;\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: true,\n      onClose,\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !triggerRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: triggerRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: true,\n  });\n  const [largura, setLargura] = useState<number>();\n  // useOverlayPosition entrega toda a altura disponivel; limitamos para que\n  // uma lista longa nao ocupe a tela inteira.\n  const alturaMaxima = Math.min(Number(positionProps.style?.maxHeight) || 280, 280);\n\n  useLayoutEffect(() => {\n    setLargura(triggerRef.current?.offsetWidth);\n  }, [triggerRef]);\n\n  useEffect(() => {\n    listboxRef.current?.focus();\n  }, []);\n\n  function handleKeyDown(event: KeyboardEvent<HTMLElement>) {\n    if (event.key === 'Escape' || event.key === 'Tab') {\n      onClose();\n      return;\n    }\n\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      const alvo = listing.visible.find((option) => option.value === listing.focusedKey);\n\n      if (alvo && !alvo.disabled) {\n        listing.select(alvo);\n        onClose();\n      }\n      return;\n    }\n\n    if (event.key.length === 1 && !event.metaKey && !event.ctrlKey) {\n      listing.typeahead(event.key);\n      return;\n    }\n\n    listing.handleKeyDown(event);\n  }\n\n  return (\n    <div\n      {...overlayProps}\n      ref={panelRef}\n      className={styles.panel}\n      // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n      data-react-aria-top-layer=\"true\"\n      style={{ ...positionProps.style, width: largura, maxHeight: alturaMaxima }}\n    >\n      <ListingOptions\n        baseId={baseId}\n        elementRef={listboxRef}\n        label={label}\n        listing={listing}\n        onKeyDown={(event) => {\n          // Espalhar overlayProps antes nao basta: este onKeyDown o substituiria.\n          handleKeyDown(event);\n          overlayProps.onKeyDown?.(event as KeyboardEvent<HTMLDivElement>);\n        }}\n        onSelect={onClose}\n        tabIndex={-1}\n      />\n    </div>\n  );\n}\n"],"names":["Select","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","label","onClick","onKeyDown","onValueChange","options","placeholder","ref","required","size","value","props","triggerRef","useRef","open","setOpen","useState","resetRef","useFormReset","listing","mergedRef","useMergedRefs","useListing","chosen","first","fechar","_a","abrir","option","handleTriggerKeyDown","event","handleTriggerClick","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconChevronDown","createPortal","SelectListbox","onClose","panelRef","listboxRef","baseId","useId","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","largura","setLargura","alturaMaxima","useLayoutEffect","useEffect","handleKeyDown","alvo","ListingOptions"],"mappings":"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"}

package/dist/components/forms/Select/Select.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_trigger_14fm6_1",r="_error_14fm6_21",o="_sm_14fm6_51",_="_md_14fm6_57",l="_value_14fm6_61",t="_placeholder_14fm6_67",c="_chevron_14fm6_71",n="_panel_14fm6_76",s={trigger:e,error:r,sm:o,md:_,value:l,placeholder:t,chevron:c,panel:n};exports.chevron=c;exports.default=s;exports.error=r;exports.md=_;exports.panel=n;exports.placeholder=t;exports.sm=o;exports.trigger=e;exports.value=l;
+//# sourceMappingURL=Select.module.css.cjs.map

package/dist/components/forms/Select/Select.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/Select/Select.module.css.js

@@ -0,0 +1,22 @@
+const e = "_trigger_14fm6_1", _ = "_error_14fm6_21", r = "_sm_14fm6_51", o = "_md_14fm6_57", c = "_value_14fm6_61", n = "_placeholder_14fm6_67", s = "_chevron_14fm6_71", t = "_panel_14fm6_76", l = {
+  trigger: e,
+  error: _,
+  sm: r,
+  md: o,
+  value: c,
+  placeholder: n,
+  chevron: s,
+  panel: t
+};
+export {
+  s as chevron,
+  l as default,
+  _ as error,
+  o as md,
+  t as panel,
+  n as placeholder,
+  r as sm,
+  e as trigger,
+  c as value
+};
+//# sourceMappingURL=Select.module.css.js.map

package/dist/components/forms/Select/Select.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/components/forms/Switch/Switch.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),j=require("react"),s=require("./Switch.module.css.cjs");function x({"aria-describedby":d,"aria-invalid":c,className:n,error:e,hint:i,id:o,label:r,ref:u,...f}){const m=j.useId(),t=o??`switch-${m}`,l=`${t}-message`,h=[d,e||i?l:void 0].filter(Boolean).join(" ")||void 0,b=[s.default.input,e&&s.default.error,n].filter(Boolean).join(" ");return a.jsxs("div",{className:s.default.field,children:[a.jsxs("label",{className:s.default.control,htmlFor:t,children:[a.jsx("input",{...f,ref:u,className:b,id:t,"aria-describedby":h,"aria-invalid":e?!0:c,role:"switch",type:"checkbox"}),a.jsx("span",{className:s.default.text,children:r})]}),(e||i)&&a.jsx("span",{className:e?s.default.errorMessage:s.default.hint,id:l,role:e?"alert":void 0,children:e||i})]})}exports.Switch=x;
+//# sourceMappingURL=Switch.cjs.map

package/dist/components/forms/Switch/Switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/forms/Switch/Switch.tsx"],"sourcesContent":["import { useId, type ComponentPropsWithRef } from 'react';\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  label: string;\n}\n\nexport function Switch({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  label,\n  ref,\n  ...props\n}: SwitchProps) {\n  const generatedId = useId();\n  const id = providedId ?? `switch-${generatedId}`;\n  const messageId = `${id}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined]\n    .filter(Boolean)\n    .join(' ') || undefined;\n  const classes = [styles.input, error && styles.error, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={styles.field}>\n      <label className={styles.control} htmlFor={id}>\n        <input\n          {...props}\n          ref={ref}\n          className={classes}\n          id={id}\n          aria-describedby={describedBy}\n          aria-invalid={error ? true : ariaInvalid}\n          role=\"switch\"\n          type=\"checkbox\"\n        />\n        <span className={styles.text}>{label}</span>\n      </label>\n      {(error || hint) && (\n        <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n          {error || hint}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Switch","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","ref","props","generatedId","useId","id","messageId","describedBy","classes","styles","jsxs","jsx"],"mappings":"6KASO,SAASA,EAAO,CACrB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,IAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKN,GAAc,UAAUI,CAAW,GACxCG,EAAY,GAAGD,CAAE,WACjBE,EAAc,CAACb,EAAiBG,GAASC,EAAOQ,EAAY,MAAS,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,GAAK,OACVE,EAAU,CAACC,EAAAA,QAAO,MAAOZ,GAASY,EAAAA,QAAO,MAAOb,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAEzF,OACEc,EAAAA,KAAC,MAAA,CAAI,UAAWD,EAAAA,QAAO,MACrB,SAAA,CAAAC,OAAC,QAAA,CAAM,UAAWD,EAAAA,QAAO,QAAS,QAASJ,EACzC,SAAA,CAAAM,EAAAA,IAAC,QAAA,CACE,GAAGT,EACJ,IAAAD,EACA,UAAWO,EACX,GAAAH,EACA,mBAAkBE,EAClB,eAAcV,EAAQ,GAAOF,EAC7B,KAAK,SACL,KAAK,UAAA,CAAA,EAEPgB,EAAAA,IAAC,OAAA,CAAK,UAAWF,EAAAA,QAAO,KAAO,SAAAT,CAAA,CAAM,CAAA,EACvC,GACEH,GAASC,IACTa,MAAC,OAAA,CAAK,UAAWd,EAAQY,EAAAA,QAAO,aAAeA,EAAAA,QAAO,KAAM,GAAIH,EAAW,KAAMT,EAAQ,QAAU,OAChG,YAASC,CAAA,CACZ,CAAA,EAEJ,CAEJ"}

package/dist/components/forms/Switch/Switch.js

@@ -0,0 +1,39 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useId as v } from "react";
+import s from "./Switch.module.css.js";
+function g({
+  "aria-describedby": d,
+  "aria-invalid": o,
+  className: n,
+  error: e,
+  hint: i,
+  id: r,
+  label: m,
+  ref: p,
+  ...h
+}) {
+  const b = v(), a = r ?? `switch-${b}`, c = `${a}-message`, f = [d, e || i ? c : void 0].filter(Boolean).join(" ") || void 0, u = [s.input, e && s.error, n].filter(Boolean).join(" ");
+  return /* @__PURE__ */ l("div", { className: s.field, children: [
+    /* @__PURE__ */ l("label", { className: s.control, htmlFor: a, children: [
+      /* @__PURE__ */ t(
+        "input",
+        {
+          ...h,
+          ref: p,
+          className: u,
+          id: a,
+          "aria-describedby": f,
+          "aria-invalid": e ? !0 : o,
+          role: "switch",
+          type: "checkbox"
+        }
+      ),
+      /* @__PURE__ */ t("span", { className: s.text, children: m })
+    ] }),
+    (e || i) && /* @__PURE__ */ t("span", { className: e ? s.errorMessage : s.hint, id: c, role: e ? "alert" : void 0, children: e || i })
+  ] });
+}
+export {
+  g as Switch
+};
+//# sourceMappingURL=Switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/forms/Switch/Switch.tsx"],"sourcesContent":["import { useId, type ComponentPropsWithRef } from 'react';\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<ComponentPropsWithRef<'input'>, 'type' | 'size'> {\n  error?: string;\n  hint?: string;\n  label: string;\n}\n\nexport function Switch({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  label,\n  ref,\n  ...props\n}: SwitchProps) {\n  const generatedId = useId();\n  const id = providedId ?? `switch-${generatedId}`;\n  const messageId = `${id}-message`;\n  const describedBy = [ariaDescribedBy, error || hint ? messageId : undefined]\n    .filter(Boolean)\n    .join(' ') || undefined;\n  const classes = [styles.input, error && styles.error, className].filter(Boolean).join(' ');\n\n  return (\n    <div className={styles.field}>\n      <label className={styles.control} htmlFor={id}>\n        <input\n          {...props}\n          ref={ref}\n          className={classes}\n          id={id}\n          aria-describedby={describedBy}\n          aria-invalid={error ? true : ariaInvalid}\n          role=\"switch\"\n          type=\"checkbox\"\n        />\n        <span className={styles.text}>{label}</span>\n      </label>\n      {(error || hint) && (\n        <span className={error ? styles.errorMessage : styles.hint} id={messageId} role={error ? 'alert' : undefined}>\n          {error || hint}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["Switch","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","ref","props","generatedId","useId","id","messageId","describedBy","classes","styles","jsxs","jsx"],"mappings":";;;AASO,SAASA,EAAO;AAAA,EACrB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAcC,EAAA,GACdC,IAAKN,KAAc,UAAUI,CAAW,IACxCG,IAAY,GAAGD,CAAE,YACjBE,IAAc,CAACb,GAAiBG,KAASC,IAAOQ,IAAY,MAAS,EACxE,OAAO,OAAO,EACd,KAAK,GAAG,KAAK,QACVE,IAAU,CAACC,EAAO,OAAOZ,KAASY,EAAO,OAAOb,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEzF,SACE,gBAAAc,EAAC,OAAA,EAAI,WAAWD,EAAO,OACrB,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EAAM,WAAWD,EAAO,SAAS,SAASJ,GACzC,UAAA;AAAA,MAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGT;AAAA,UACJ,KAAAD;AAAA,UACA,WAAWO;AAAA,UACX,IAAAH;AAAA,UACA,oBAAkBE;AAAA,UAClB,gBAAcV,IAAQ,KAAOF;AAAA,UAC7B,MAAK;AAAA,UACL,MAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEP,gBAAAgB,EAAC,QAAA,EAAK,WAAWF,EAAO,MAAO,UAAAT,EAAA,CAAM;AAAA,IAAA,GACvC;AAAA,KACEH,KAASC,MACT,gBAAAa,EAAC,QAAA,EAAK,WAAWd,IAAQY,EAAO,eAAeA,EAAO,MAAM,IAAIH,GAAW,MAAMT,IAAQ,UAAU,QAChG,eAASC,EAAA,CACZ;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/forms/Switch/Switch.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r="_field_1g7qr_1",e="_control_1g7qr_8",t="_input_1g7qr_15",o="_error_1g7qr_56",_="_text_1g7qr_79",s="_hint_1g7qr_87 _hint_wy7pm_8",n="_errorMessage_1g7qr_91 _errorMessage_wy7pm_9",i={field:r,control:e,input:t,error:o,text:_,hint:s,errorMessage:n};exports.control=e;exports.default=i;exports.error=o;exports.errorMessage=n;exports.field=r;exports.hint=s;exports.input=t;exports.text=_;
+//# sourceMappingURL=Switch.module.css.cjs.map

package/dist/components/forms/Switch/Switch.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/Switch/Switch.module.css.js

@@ -0,0 +1,20 @@
+const r = "_field_1g7qr_1", t = "_control_1g7qr_8", _ = "_input_1g7qr_15", e = "_error_1g7qr_56", o = "_text_1g7qr_79", s = "_hint_1g7qr_87 _hint_wy7pm_8", n = "_errorMessage_1g7qr_91 _errorMessage_wy7pm_9", c = {
+  field: r,
+  control: t,
+  input: _,
+  error: e,
+  text: o,
+  hint: s,
+  errorMessage: n
+};
+export {
+  t as control,
+  c as default,
+  e as error,
+  n as errorMessage,
+  r as field,
+  s as hint,
+  _ as input,
+  o as text
+};
+//# sourceMappingURL=Switch.module.css.js.map

package/dist/components/forms/Switch/Switch.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/components/forms/Textarea/Textarea.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),S=require("../../../hooks/useMergedRefs.cjs"),a=require("./Textarea.module.css.cjs"),B=require("../../../hooks/useCharacterCount/useCharacterCount.cjs"),N=require("../Field/Field.cjs");function O({"aria-describedby":n,"aria-invalid":o,className:l,error:t,hint:f,id:b,label:x,maxLength:i,required:s=!1,rows:j=4,size:m="md",showCharacterCount:y=!1,defaultValue:c,onChange:r,value:d,ref:R,...q}){const{ref:C,count:T,updateCount:g}=B.useCharacterCount(d,c),M=S.useMergedRefs(C,R),h=[a.default.textarea,a.default[m],t&&a.default.error,l].filter(Boolean).join(" ");function p(e){g(e.target.value),r==null||r(e)}return u.jsx(N.Field,{"aria-describedby":n,characterCount:T,error:t,hint:f,id:b,label:x,maxLength:i,required:s,showCharacterCount:y,children:({id:e,describedBy:v,invalid:F})=>u.jsx("textarea",{...q,defaultValue:c,id:e,ref:M,"aria-describedby":v,"aria-invalid":F||o,className:h,maxLength:i,onChange:p,required:s,rows:j,value:d})})}exports.Textarea=O;
+//# sourceMappingURL=Textarea.cjs.map

package/dist/components/forms/Textarea/Textarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.cjs","sources":["../../../../src/components/forms/Textarea/Textarea.tsx"],"sourcesContent":["import { type ChangeEvent, type ComponentPropsWithRef } from 'react';\nimport { useCharacterCount } from '../../../hooks/useCharacterCount';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Textarea.module.css';\n\nexport type TextareaSize = 'sm' | 'md';\n\nexport interface TextareaProps extends Omit<ComponentPropsWithRef<'textarea'>, 'size'> {\n  error?: string;\n  hint?: string;\n  label?: string;\n  size?: TextareaSize;\n  showCharacterCount?: boolean;\n}\n\nexport function Textarea({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  rows = 4,\n  size = 'md',\n  showCharacterCount = false,\n  defaultValue,\n  onChange,\n  value,\n  ref,\n  ...props\n}: TextareaProps) {\n  const { ref: textareaRef, count, updateCount } = useCharacterCount<HTMLTextAreaElement>(value, defaultValue);\n  const mergedRef = useMergedRefs(textareaRef, ref);\n  const classes = [styles.textarea, styles[size], error && styles.error, className]\n    .filter(Boolean)\n    .join(' ');\n\n  function handleChange(event: ChangeEvent<HTMLTextAreaElement>) {\n    updateCount(event.target.value);\n    onChange?.(event);\n  }\n\n  return (\n    <Field\n      aria-describedby={ariaDescribedBy}\n      characterCount={count}\n      error={error}\n      hint={hint}\n      id={providedId}\n      label={label}\n      maxLength={maxLength}\n      required={required}\n      showCharacterCount={showCharacterCount}\n    >\n      {({ id, describedBy, invalid }) => (\n        <textarea\n          {...props}\n          defaultValue={defaultValue}\n          id={id}\n          ref={mergedRef}\n          aria-describedby={describedBy}\n          aria-invalid={invalid || ariaInvalid}\n          className={classes}\n          maxLength={maxLength}\n          onChange={handleChange}\n          required={required}\n          rows={rows}\n          value={value}\n        />\n      )}\n    </Field>\n  );\n}\n"],"names":["Textarea","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","maxLength","required","rows","size","showCharacterCount","defaultValue","onChange","value","ref","props","textareaRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","classes","styles","handleChange","event","jsx","Field","id","describedBy","invalid"],"mappings":"8SAgBO,SAASA,EAAS,CACvB,mBAAoBC,EACpB,eAAgBC,EAChB,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,KAAAC,EAAO,EACP,KAAAC,EAAO,KACP,mBAAAC,EAAqB,GACrB,aAAAC,EACA,SAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACL,EAAkB,CAChB,KAAM,CAAE,IAAKC,EAAa,MAAAC,EAAO,YAAAC,GAAgBC,EAAAA,kBAAuCN,EAAOF,CAAY,EACrGS,EAAYC,EAAAA,cAAcL,EAAaF,CAAG,EAC1CQ,EAAU,CAACC,EAAAA,QAAO,SAAUA,EAAAA,QAAOd,CAAI,EAAGP,GAASqB,EAAAA,QAAO,MAAOtB,CAAS,EAC7E,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,SAASuB,EAAaC,EAAyC,CAC7DP,EAAYO,EAAM,OAAO,KAAK,EAC9Bb,GAAA,MAAAA,EAAWa,EACb,CAEA,OACEC,EAAAA,IAACC,EAAAA,MAAA,CACC,mBAAkB5B,EAClB,eAAgBkB,EAChB,MAAAf,EACA,KAAAC,EACA,GAAIC,EACJ,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,mBAAAG,EAEC,SAAA,CAAC,CAAE,GAAAkB,EAAI,YAAAC,EAAa,QAAAC,KACnBJ,EAAAA,IAAC,WAAA,CACE,GAAGX,EACJ,aAAAJ,EACA,GAAAiB,EACA,IAAKR,EACL,mBAAkBS,EAClB,eAAcC,GAAW9B,EACzB,UAAWsB,EACX,UAAAhB,EACA,SAAUkB,EACV,SAAAjB,EACA,KAAAC,EACA,MAAAK,CAAA,CAAA,CACF,CAAA,CAIR"}

package/dist/components/forms/Textarea/Textarea.js

@@ -0,0 +1,64 @@
+import { jsx as d } from "react/jsx-runtime";
+import { useMergedRefs as g } from "../../../hooks/useMergedRefs.js";
+import a from "./Textarea.module.css.js";
+import { useCharacterCount as k } from "../../../hooks/useCharacterCount/useCharacterCount.js";
+import { Field as w } from "../Field/Field.js";
+function H({
+  "aria-describedby": f,
+  "aria-invalid": m,
+  className: n,
+  error: t,
+  hint: l,
+  id: p,
+  label: u,
+  maxLength: i,
+  required: o = !1,
+  rows: b = 4,
+  size: x = "md",
+  showCharacterCount: y = !1,
+  defaultValue: s,
+  onChange: e,
+  value: c,
+  ref: R,
+  ...j
+}) {
+  const { ref: C, count: h, updateCount: v } = k(c, s), B = g(C, R), F = [a.textarea, a[x], t && a.error, n].filter(Boolean).join(" ");
+  function M(r) {
+    v(r.target.value), e == null || e(r);
+  }
+  return /* @__PURE__ */ d(
+    w,
+    {
+      "aria-describedby": f,
+      characterCount: h,
+      error: t,
+      hint: l,
+      id: p,
+      label: u,
+      maxLength: i,
+      required: o,
+      showCharacterCount: y,
+      children: ({ id: r, describedBy: N, invalid: T }) => /* @__PURE__ */ d(
+        "textarea",
+        {
+          ...j,
+          defaultValue: s,
+          id: r,
+          ref: B,
+          "aria-describedby": N,
+          "aria-invalid": T || m,
+          className: F,
+          maxLength: i,
+          onChange: M,
+          required: o,
+          rows: b,
+          value: c
+        }
+      )
+    }
+  );
+}
+export {
+  H as Textarea
+};
+//# sourceMappingURL=Textarea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../../src/components/forms/Textarea/Textarea.tsx"],"sourcesContent":["import { type ChangeEvent, type ComponentPropsWithRef } from 'react';\nimport { useCharacterCount } from '../../../hooks/useCharacterCount';\nimport { Field } from '../Field';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport styles from './Textarea.module.css';\n\nexport type TextareaSize = 'sm' | 'md';\n\nexport interface TextareaProps extends Omit<ComponentPropsWithRef<'textarea'>, 'size'> {\n  error?: string;\n  hint?: string;\n  label?: string;\n  size?: TextareaSize;\n  showCharacterCount?: boolean;\n}\n\nexport function Textarea({\n  'aria-describedby': ariaDescribedBy,\n  'aria-invalid': ariaInvalid,\n  className,\n  error,\n  hint,\n  id: providedId,\n  label,\n  maxLength,\n  required = false,\n  rows = 4,\n  size = 'md',\n  showCharacterCount = false,\n  defaultValue,\n  onChange,\n  value,\n  ref,\n  ...props\n}: TextareaProps) {\n  const { ref: textareaRef, count, updateCount } = useCharacterCount<HTMLTextAreaElement>(value, defaultValue);\n  const mergedRef = useMergedRefs(textareaRef, ref);\n  const classes = [styles.textarea, styles[size], error && styles.error, className]\n    .filter(Boolean)\n    .join(' ');\n\n  function handleChange(event: ChangeEvent<HTMLTextAreaElement>) {\n    updateCount(event.target.value);\n    onChange?.(event);\n  }\n\n  return (\n    <Field\n      aria-describedby={ariaDescribedBy}\n      characterCount={count}\n      error={error}\n      hint={hint}\n      id={providedId}\n      label={label}\n      maxLength={maxLength}\n      required={required}\n      showCharacterCount={showCharacterCount}\n    >\n      {({ id, describedBy, invalid }) => (\n        <textarea\n          {...props}\n          defaultValue={defaultValue}\n          id={id}\n          ref={mergedRef}\n          aria-describedby={describedBy}\n          aria-invalid={invalid || ariaInvalid}\n          className={classes}\n          maxLength={maxLength}\n          onChange={handleChange}\n          required={required}\n          rows={rows}\n          value={value}\n        />\n      )}\n    </Field>\n  );\n}\n"],"names":["Textarea","ariaDescribedBy","ariaInvalid","className","error","hint","providedId","label","maxLength","required","rows","size","showCharacterCount","defaultValue","onChange","value","ref","props","textareaRef","count","updateCount","useCharacterCount","mergedRef","useMergedRefs","classes","styles","handleChange","event","jsx","Field","id","describedBy","invalid"],"mappings":";;;;;AAgBO,SAASA,EAAS;AAAA,EACvB,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,IAAIC;AAAA,EACJ,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,oBAAAC,IAAqB;AAAA,EACrB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAM,EAAE,KAAKC,GAAa,OAAAC,GAAO,aAAAC,MAAgBC,EAAuCN,GAAOF,CAAY,GACrGS,IAAYC,EAAcL,GAAaF,CAAG,GAC1CQ,IAAU,CAACC,EAAO,UAAUA,EAAOd,CAAI,GAAGP,KAASqB,EAAO,OAAOtB,CAAS,EAC7E,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WAASuB,EAAaC,GAAyC;AAC7D,IAAAP,EAAYO,EAAM,OAAO,KAAK,GAC9Bb,KAAA,QAAAA,EAAWa;AAAA,EACb;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,oBAAkB5B;AAAA,MAClB,gBAAgBkB;AAAA,MAChB,OAAAf;AAAA,MACA,MAAAC;AAAA,MACA,IAAIC;AAAA,MACJ,OAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,oBAAAG;AAAA,MAEC,UAAA,CAAC,EAAE,IAAAkB,GAAI,aAAAC,GAAa,SAAAC,QACnB,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGX;AAAA,UACJ,cAAAJ;AAAA,UACA,IAAAiB;AAAA,UACA,KAAKR;AAAA,UACL,oBAAkBS;AAAA,UAClB,gBAAcC,KAAW9B;AAAA,UACzB,WAAWsB;AAAA,UACX,WAAAhB;AAAA,UACA,UAAUkB;AAAA,UACV,UAAAjB;AAAA,UACA,MAAAC;AAAA,UACA,OAAAK;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIR;"}

package/dist/components/forms/Textarea/Textarea.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_textarea_1kzgu_1",t="_error_1kzgu_20",r="_sm_1kzgu_39",s="_md_1kzgu_45",o={textarea:e,error:t,sm:r,md:s};exports.default=o;exports.error=t;exports.md=s;exports.sm=r;exports.textarea=e;
+//# sourceMappingURL=Textarea.module.css.cjs.map

package/dist/components/forms/Textarea/Textarea.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/Textarea/Textarea.module.css.js

@@ -0,0 +1,14 @@
+const t = "_textarea_1kzgu_1", r = "_error_1kzgu_20", e = "_sm_1kzgu_39", _ = "_md_1kzgu_45", s = {
+  textarea: t,
+  error: r,
+  sm: e,
+  md: _
+};
+export {
+  s as default,
+  r as error,
+  _ as md,
+  e as sm,
+  t as textarea
+};
+//# sourceMappingURL=Textarea.module.css.js.map

package/dist/components/forms/Textarea/Textarea.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/forms/TimePicker/TimePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),oe=require("react-dom"),E=require("@react-aria/overlays"),ie=require("../../../hooks/useFormReset.cjs"),ne=require("../../../hooks/useMergedRefs.cjs"),le=require("../Field/FormValue.cjs"),i=require("../DatePicker/iso.cjs"),f=require("./TimeSlots.cjs"),n=require("./TimePicker.module.css.cjs"),ce=require("../Field/Field.cjs"),ue=require("../../icons/icons.cjs"),N=require("../../../utils/formatters/formatarEntradaHora.cjs");function de({"aria-describedby":w,className:A,defaultValue:j,name:z,disabled:m=!1,error:q,hint:L,id:I,label:p,max:_,min:$,step:G=30,onValueChange:y,onBlur:h,onKeyDown:x,placeholder:J="hh:mm",required:R=!1,size:K="md",ref:Q,value:F,...U}){const g=a.useRef(null),T=a.useRef(null),W=`hora-${a.useId()}`,O=a.useRef(null),[o,b]=a.useState(!1),k=i.readIsoTime($),D=i.readIsoTime(_),[X,P]=a.useState(()=>i.readIsoTime(j)??null),[Y,Z]=a.useState(""),[B,u]=a.useState(!1),S=F===void 0?void 0:i.readIsoTime(F)??null,v=(S===void 0?X:S)??void 0,V=B?Y:f.paraTextoDeHora(v),H=a.useRef(null),ee=ie.useFormReset(()=>{P(i.readIsoTime(j)??null),u(!1)}),te=ne.useMergedRefs(H,ee,Q);function M(e){P(e),y==null||y(e?i.toIsoTime(e):null)}function l(e=!0){var s;b(!1),e&&((s=O.current)==null||s.focus())}function se(e){const s=N.formatarEntradaHora(e);u(!0),Z(s);const c=N.lerEntradaHora(s);M(c&&f.isTimeAllowed(c,k,D)?c:null)}function re(e){x==null||x(e),e.key==="ArrowDown"&&!o?(e.preventDefault(),b(!0)):e.key==="Escape"&&o&&l(!1)}const{overlayProps:d}=E.useOverlay({isOpen:o,onClose:()=>l(!1),isDismissable:!0,shouldCloseOnBlur:!1,shouldCloseOnInteractOutside:e=>{var s;return!((s=g.current)!=null&&s.contains(e))}},T),{overlayProps:ae}=E.useOverlayPosition({targetRef:g,overlayRef:T,placement:"bottom start",offset:6,containerPadding:8,isOpen:o});return r.jsx(ce.Field,{"aria-describedby":w,error:q,hint:L,id:I,label:p,required:R,children:({id:e,describedBy:s,invalid:c})=>r.jsxs(r.Fragment,{children:[r.jsx(le.FormValue,{disabled:m,name:z,onFocus:()=>{var t;return(t=H.current)==null?void 0:t.focus()},required:R,value:f.paraTextoDeHora(v)}),r.jsxs("div",{className:[n.default.field,n.default[K],q&&n.default.error,A].filter(Boolean).join(" "),ref:g,children:[r.jsx("input",{...U,"aria-describedby":s,"aria-invalid":c||void 0,"aria-required":R||void 0,autoComplete:"off",className:n.default.input,disabled:m,id:e,inputMode:"numeric",onBlur:t=>{u(!1),h==null||h(t)},onChange:t=>se(t.target.value),onKeyDown:re,placeholder:J,ref:te,type:"text",value:V}),r.jsx("button",{"aria-expanded":o,"aria-haspopup":"dialog","aria-label":"Abrir seletor de hora",className:n.default.trigger,disabled:m,onClick:()=>o?l():b(!0),ref:O,type:"button",children:r.jsx(ue.IconClock,{size:15})})]}),o&&oe.createPortal(r.jsx("div",{...d,"aria-label":p?"Horas de "+p:"Horas",className:n.default.panel,"data-react-aria-top-layer":"true",onKeyDown:t=>{var C;t.key==="Escape"&&l(),(C=d.onKeyDown)==null||C.call(d,t)},ref:T,role:"dialog",style:ae.style,children:r.jsx(f.TimeSlots,{autoFocus:!0,baseId:I??W,max:D,min:k,onChange:t=>{M(t),u(!1),l()},step:G,value:v})}),document.body)]})})}exports.TimePicker=de;
+//# sourceMappingURL=TimePicker.cjs.map

package/dist/components/forms/TimePicker/TimePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.cjs","sources":["../../../../src/components/forms/TimePicker/TimePicker.tsx"],"sourcesContent":["import { useId, useRef, useState, type ComponentPropsWithRef, type KeyboardEvent } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useOverlay, useOverlayPosition } from '@react-aria/overlays';\nimport type { Time } from '@internationalized/date';\nimport { useFormReset } from '../../../hooks/useFormReset';\nimport { useMergedRefs } from '../../../hooks/useMergedRefs';\nimport { formatarEntradaHora, lerEntradaHora } from '../../../utils/formatters';\nimport { Field } from '../Field';\nimport { FormValue } from '../Field/FormValue';\nimport { readIsoTime, toIsoTime } from '../DatePicker/iso';\nimport { TimeSlots, isTimeAllowed, paraTextoDeHora } from './TimeSlots';\nimport styles from './TimePicker.module.css';\nimport { IconClock } from '../../icons';\n\nexport type TimePickerSize = 'sm' | 'md';\n\n/**\n * As propriedades nativas vao ao campo de texto, que e o controle; o `className` soma a caixa do campo, que e o que\n * se posiciona e dimensiona.\n */\nexport interface TimePickerProps\n  extends Omit<\n    ComponentPropsWithRef<'input'>,\n    'defaultValue' | 'max' | 'min' | 'name' | 'onChange' | 'size' | 'type' | 'value' | 'step'\n  > {\n  /** Hora em `HH:mm`, como no `FormData`: a API nao expoe tipo de biblioteca de terceiros. */\n  defaultValue?: string;\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  id?: string;\n  label?: string;\n  /**\n   * Nome do campo no formulario. Com ele, um input oculto carrega o valor para\n   * o `FormData`: sem controle nativo por baixo, o envio ignorava o campo.\n   */\n  name?: string;\n  max?: string;\n  min?: string;\n  step?: number;\n  /** Sem hora inteira e permitida, o valor e `null`, que mantem o campo controlado e vazio. */\n  onValueChange?: (value: string | null) => void;\n  placeholder?: string;\n  required?: boolean;\n  size?: TimePickerSize;\n  /**\n   * `null` e \"controlado e vazio\": devolver a propriedade a `undefined` nao\n   * limpa o campo, porque ali ele volta a ser nao controlado.\n   */\n  value?: string | null;\n}\n\nexport function TimePicker({\n  'aria-describedby': ariaDescribedBy,\n  className,\n  defaultValue,\n  name,\n  disabled = false,\n  error,\n  hint,\n  id: providedId,\n  label,\n  max,\n  min,\n  step = 30,\n  onValueChange,\n  onBlur,\n  onKeyDown,\n  placeholder = 'hh:mm',\n  required = false,\n  size = 'md',\n  ref,\n  value,\n  ...props\n}: TimePickerProps) {\n  const fieldRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  // Sem isto, dois seletores de hora na mesma pagina dividiam os ids das opcoes.\n  const idDaLista = `hora-${useId()}`;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const horaMinima = readIsoTime(min);\n  const horaMaxima = readIsoTime(max);\n  const [internalValue, setInternalValue] = useState<Time | null>(() => readIsoTime(defaultValue) ?? null);\n  const [texto, setTexto] = useState('');\n  const [digitando, setDigitando] = useState(false);\n  const controlado = value === undefined ? undefined : (readIsoTime(value) ?? null);\n  const escolhido = (controlado === undefined ? internalValue : controlado) ?? undefined;\n  const exibido = digitando ? texto : paraTextoDeHora(escolhido);\n  const inputRef = useRef<HTMLInputElement>(null);\n  const resetRef = useFormReset<HTMLInputElement>(() => {\n    setInternalValue(readIsoTime(defaultValue) ?? null);\n    setDigitando(false);\n  });\n  const mergedRef = useMergedRefs(inputRef, resetRef, ref);\n\n  // O interno acompanha mesmo controlado: se o consumidor devolver `undefined`, nao ressurge um valor velho.\n  function definir(proximo: Time | null) {\n    setInternalValue(proximo);\n    onValueChange?.(proximo ? toIsoTime(proximo) : null);\n  }\n\n  function fechar(devolverFoco = true) {\n    setOpen(false);\n\n    if (devolverFoco) {\n      triggerRef.current?.focus();\n    }\n  }\n\n  function handleChange(entrada: string) {\n    const mascarado = formatarEntradaHora(entrada);\n\n    setDigitando(true);\n    setTexto(mascarado);\n\n    // O valor acompanha o texto: `18:4` ou `25:99` na tela nao convivem com a hora anterior.\n    const lido = lerEntradaHora(mascarado);\n\n    definir(lido && isTimeAllowed(lido, horaMinima, horaMaxima) ? lido : null);\n  }\n\n  function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {\n    onKeyDown?.(event);\n\n    if (event.key === 'ArrowDown' && !open) {\n      event.preventDefault();\n      setOpen(true);\n    } else if (event.key === 'Escape' && open) {\n      fechar(false);\n    }\n  }\n\n  const { overlayProps } = useOverlay(\n    {\n      isOpen: open,\n      onClose: () => fechar(false),\n      isDismissable: true,\n      shouldCloseOnBlur: false,\n      // O gatilho nao conta como \"fora\": sem isto o ponteiro fecha o painel e o\n      // clique dele reabre em seguida, e ele pisca sem abrir.\n      shouldCloseOnInteractOutside: (elemento) => !fieldRef.current?.contains(elemento),\n    },\n    panelRef,\n  );\n  const { overlayProps: positionProps } = useOverlayPosition({\n    targetRef: fieldRef,\n    overlayRef: panelRef,\n    placement: 'bottom start',\n    offset: 6,\n    containerPadding: 8,\n    isOpen: open,\n  });\n\n  return (\n    <Field aria-describedby={ariaDescribedBy} error={error} hint={hint} id={providedId} label={label} required={required}>\n      {({ id, describedBy, invalid }) => (\n        <>\n          <FormValue\n            disabled={disabled}\n            name={name}\n            onFocus={() => inputRef.current?.focus()}\n            required={required}\n            value={paraTextoDeHora(escolhido)}\n          />\n          <div\n            className={[styles.field, styles[size], error && styles.error, className].filter(Boolean).join(' ')}\n            ref={fieldRef}\n          >\n            <input\n              {...props}\n              aria-describedby={describedBy}\n              aria-invalid={invalid || undefined}\n              aria-required={required || undefined}\n              autoComplete=\"off\"\n              className={styles.input}\n              disabled={disabled}\n              id={id}\n              inputMode=\"numeric\"\n              onBlur={(event) => {\n                setDigitando(false);\n                onBlur?.(event);\n              }}\n              onChange={(event) => handleChange(event.target.value)}\n              onKeyDown={handleKeyDown}\n              placeholder={placeholder}\n              ref={mergedRef}\n              type=\"text\"\n              value={exibido}\n            />\n            <button\n              aria-expanded={open}\n              aria-haspopup=\"dialog\"\n              aria-label=\"Abrir seletor de hora\"\n              className={styles.trigger}\n              disabled={disabled}\n              onClick={() => (open ? fechar() : setOpen(true))}\n              ref={triggerRef}\n              type=\"button\"\n            >\n              <IconClock size={15} />\n            </button>\n          </div>\n          {open &&\n            createPortal(\n              <div\n                {...overlayProps}\n                aria-label={label ? 'Horas de ' + label : 'Horas'}\n                className={styles.panel}\n                // Camada de cima: o `ariaHideOutside` do Dialog ignora quem a declara.\n                data-react-aria-top-layer=\"true\"\n                onKeyDown={(event) => {\n                  if (event.key === 'Escape') {\n                    fechar();\n                  }\n                  overlayProps.onKeyDown?.(event);\n                }}\n                ref={panelRef}\n                role=\"dialog\"\n                style={positionProps.style}\n              >\n                <TimeSlots\n                  autoFocus\n                  baseId={providedId ?? idDaLista}\n                  max={horaMaxima}\n                  min={horaMinima}\n                  onChange={(hora) => {\n                    definir(hora);\n                    setDigitando(false);\n                    fechar();\n                  }}\n                  step={step}\n                  value={escolhido}\n                />\n              </div>,\n              document.body,\n            )}\n        </>\n      )}\n    </Field>\n  );\n}\n"],"names":["TimePicker","ariaDescribedBy","className","defaultValue","name","disabled","error","hint","providedId","label","max","min","step","onValueChange","onBlur","onKeyDown","placeholder","required","size","ref","value","props","fieldRef","useRef","panelRef","idDaLista","useId","triggerRef","open","setOpen","useState","horaMinima","readIsoTime","horaMaxima","internalValue","setInternalValue","texto","setTexto","digitando","setDigitando","controlado","escolhido","exibido","paraTextoDeHora","inputRef","resetRef","useFormReset","mergedRef","useMergedRefs","definir","proximo","toIsoTime","fechar","devolverFoco","_a","handleChange","entrada","mascarado","formatarEntradaHora","lido","lerEntradaHora","isTimeAllowed","handleKeyDown","event","overlayProps","useOverlay","elemento","positionProps","useOverlayPosition","Field","id","describedBy","invalid","jsxs","Fragment","jsx","FormValue","styles","IconClock","createPortal","TimeSlots","hora"],"mappings":"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"}