linear-react-components-ui 1.1.26-beta.16 → 1.1.26-beta.18

package/lib/inputs2/colorfield/index.js

@@ -1,92 +1,119 @@
-import { jsxs as B, jsx as h, Fragment as G } from "react/jsx-runtime";
-import { c as H } from "../../_virtual/compiler-runtime.js";
-import '../../assets/styles/button.css';import '../../assets/styles/tooltip.css';import '../../assets/styles/icon.css';import '../../assets/styles/colorpicker.css';/* empty css                                   */
-import { forwardRef as J, useRef as L, useLayoutEffect as M } from "react";
-import { LeftSlot as Q, RightSlot as U } from "../slot/index.js";
-import { Input as W } from "../textfield/index.js";
-import X from "../../buttons/Button.js";
-/* empty css                            */
-import "react-dom";
-/* empty css                               */
-/* empty css                              */
-import { actionsOnPermissionDenied as Y, OPTIONS_ON_DENIED as N } from "../../permissionValidations.js";
-const Z = [N.disabled, N.unvisible, N.readOnly, N.hideContent], ee = J((R, T) => {
-  const e = H.c(39);
-  let r, l, i, f, m, p, d;
-  e[0] !== R ? ({
-    name: r,
-    isTypeText: f,
-    defaultValue: m,
-    onChange: l,
-    permissionAttr: p,
-    onDeniedActions: d,
-    ...i
-  } = R, e[0] = R, e[1] = r, e[2] = l, e[3] = i, e[4] = f, e[5] = m, e[6] = p, e[7] = d) : (r = e[1], l = e[2], i = e[3], f = e[4], m = e[5], p = e[6], d = e[7]);
-  const n = f === void 0 ? !0 : f, o = m === void 0 ? "" : m, F = p === void 0 ? void 0 : p, $ = d === void 0 ? void 0 : d, V = L(null), y = L(null), _ = L(null), K = $ || Y(Z, F), {
-    hideContent: q,
-    unvisible: z
-  } = K;
-  let g;
-  e[8] === Symbol.for("react.memo_cache_sentinel") ? (g = (t) => {
-    _.current && (_.current.style.backgroundColor = t), V.current && V.current.value !== t && (V.current.value = t), y.current && y.current.value !== t && (y.current.value = t);
-  }, e[8] = g) : g = e[8];
-  const C = g;
-  let v;
-  e[9] !== l ? (v = (t) => {
-    const P = t.target.value;
-    C(P), l?.(t);
-  }, e[9] = l, e[10] = v) : v = e[10];
-  const E = v;
-  let b;
-  e[11] !== l ? (b = (t) => {
-    const P = t.target.value;
-    C(P), l?.(t);
-  }, e[11] = l, e[12] = b) : b = e[12];
-  const O = b;
-  let x;
-  e[13] === Symbol.for("react.memo_cache_sentinel") ? (x = () => {
-    y.current?.click();
-  }, e[13] = x) : x = e[13];
-  const j = x;
-  let S, I;
-  if (e[14] !== o ? (S = () => {
-    C(String(o));
-  }, I = [o, C], e[14] = o, e[15] = S, e[16] = I) : (S = e[15], I = e[16]), M(S, I), z || q)
-    return null;
-  const w = n ? "text" : "color", A = String(o);
-  let k;
-  e[17] === Symbol.for("react.memo_cache_sentinel") ? (k = {
-    borderLeft: "1px solid #eeee"
-  }, e[17] = k) : k = e[17];
-  let s;
-  e[18] !== o || e[19] !== n ? (s = n && /* @__PURE__ */ h(Q, { children: /* @__PURE__ */ h("div", { style: {
-    backgroundColor: String(o)
-  }, ref: _, className: "colorpicker-colormirror" }) }), e[18] = o, e[19] = n, e[20] = s) : s = e[20];
-  let c;
-  e[21] !== n ? (c = n && /* @__PURE__ */ h(U, { children: /* @__PURE__ */ h(X, { className: "colorpicker-palettebutton", onClick: j, onKeyDown: (t) => {
-    (t.code === "Space" || t.key === " ") && (t.preventDefault(), j());
-  }, iconName: "pallete" }) }), e[21] = n, e[22] = c) : c = e[22];
-  let a;
-  e[23] !== E || e[24] !== r || e[25] !== T || e[26] !== i || e[27] !== w || e[28] !== A || e[29] !== s || e[30] !== c ? (a = /* @__PURE__ */ B(W, { ...i, ref: T, name: r, type: w, defaultValue: A, style: k, onChange: E, children: [
-    s,
-    c
-  ] }), e[23] = E, e[24] = r, e[25] = T, e[26] = i, e[27] = w, e[28] = A, e[29] = s, e[30] = c, e[31] = a) : a = e[31];
-  let u;
-  e[32] !== o || e[33] !== O || e[34] !== n ? (u = n && /* @__PURE__ */ h("input", { ref: y, type: "color", style: {
-    position: "absolute",
-    opacity: 0,
-    pointerEvents: "none"
-  }, defaultValue: String(o), onChange: O, tabIndex: -1 }), e[32] = o, e[33] = O, e[34] = n, e[35] = u) : u = e[35];
-  let D;
-  return e[36] !== a || e[37] !== u ? (D = /* @__PURE__ */ B(G, { children: [
-    a,
-    u
-  ] }), e[36] = a, e[37] = u, e[38] = D) : D = e[38], D;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-ee.displayName = "ColorFieldInput";
-export {
-  ee as Input,
-  Q as LeftSlot,
-  U as RightSlot
-};
-//# sourceMappingURL=index.js.map
+exports.Input = void 0;
+Object.defineProperty(exports, "LeftSlot", {
+  enumerable: true,
+  get: function () {
+    return _slot.LeftSlot;
+  }
+});
+Object.defineProperty(exports, "RightSlot", {
+  enumerable: true,
+  get: function () {
+    return _slot.RightSlot;
+  }
+});
+require("../../assets/styles/colorpicker.scss");
+var _react = _interopRequireDefault(require("react"));
+var _slot = require("../slot");
+var TextField = _interopRequireWildcard(require("../textfield"));
+var _buttons = _interopRequireDefault(require("../../../lib/buttons"));
+var _permissionValidations = require("../../../lib/permissionValidations");
+const _excluded = ["name", "isTypeText", "defaultValue", "onChange", "permissionAttr", "onDeniedActions"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
+const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      name,
+      isTypeText = true,
+      defaultValue = '',
+      onChange,
+      permissionAttr = undefined,
+      onDeniedActions = undefined
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const inputRefText = _react.default.useRef(null);
+  const inputRefColor = _react.default.useRef(null);
+  const mirrorRef = _react.default.useRef(null);
+  const onDenied = _react.default.useMemo(() => {
+    return onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
+  }, [onDeniedActions, permissionAttr]);
+  const {
+    hideContent,
+    unvisible
+  } = onDenied;
+  const syncColorValues = _react.default.useCallback(value => {
+    if (mirrorRef.current) {
+      mirrorRef.current.style.backgroundColor = value;
+    }
+    if (inputRefText.current && inputRefText.current.value !== value) {
+      inputRefText.current.value = value;
+    }
+    if (inputRefColor.current && inputRefColor.current.value !== value) {
+      inputRefColor.current.value = value;
+    }
+  }, []);
+  const handleTextInputChange = e => {
+    const newValue = e.target.value;
+    syncColorValues(newValue);
+    onChange?.(e);
+  };
+  const handleColorInputChange = e => {
+    const newValue = e.target.value;
+    syncColorValues(newValue);
+    onChange?.(e);
+  };
+  const onPaletteButtonClick = () => {
+    inputRefColor.current?.click();
+  };
+  _react.default.useLayoutEffect(() => {
+    syncColorValues(String(defaultValue));
+  }, [defaultValue, syncColorValues]);
+  if (unvisible || hideContent) return null;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(TextField.Input, _extends({}, restProps, {
+    ref: ref,
+    name: name,
+    type: isTypeText ? 'text' : 'color',
+    defaultValue: String(defaultValue),
+    style: {
+      borderLeft: '1px solid #eeee'
+    },
+    onChange: handleTextInputChange
+  }), isTypeText && /*#__PURE__*/_react.default.createElement(_slot.LeftSlot, null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      backgroundColor: String(defaultValue)
+    },
+    ref: mirrorRef,
+    className: "colorpicker-colormirror"
+  })), isTypeText && /*#__PURE__*/_react.default.createElement(_slot.RightSlot, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    className: "colorpicker-palettebutton",
+    onClick: onPaletteButtonClick,
+    onKeyDown: e => {
+      if (e.code === 'Space' || e.key === ' ') {
+        e.preventDefault();
+        onPaletteButtonClick();
+      }
+    },
+    iconName: "pallete"
+  }))), isTypeText && /*#__PURE__*/_react.default.createElement("input", {
+    ref: inputRefColor,
+    type: "color",
+    style: {
+      position: 'absolute',
+      opacity: 0,
+      pointerEvents: 'none'
+    },
+    defaultValue: String(defaultValue),
+    onChange: handleColorInputChange,
+    tabIndex: -1
+  }));
+});
+Input.displayName = 'ColorFieldInput';

package/lib/inputs2/date/base/constants.d.ts

@@ -1,4 +1,7 @@
-import { CSSProperties, RefObject } from 'react';
-export declare const useCalendarPosition: (calendarBoxOpen: boolean, containerRef: RefObject<HTMLDivElement | null>) => {
-    calendarBoxStyles: CSSProperties;
+import React__default from 'react';
+
+declare const useCalendarPosition: (calendarBoxOpen: boolean, containerRef: React__default.RefObject<HTMLDivElement | null>) => {
+    calendarBoxStyles: React__default.CSSProperties;
 };
+
+export { useCalendarPosition };

package/lib/inputs2/date/base/constants.js

@@ -1,39 +1,43 @@
-import { c as v } from "../../../_virtual/compiler-runtime.js";
-import { useState as E, useEffect as a } from "react";
-const L = (o, s) => {
-  const e = v.c(7);
-  let i;
-  e[0] === Symbol.for("react.memo_cache_sentinel") ? (i = {}, e[0] = i) : i = e[0];
-  const [c, w] = E(i);
-  let r, n;
-  e[1] !== o || e[2] !== s ? (r = () => {
-    const t = () => {
-      const d = s.current?.getBoundingClientRect();
-      if (d) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCalendarPosition = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const useCalendarPosition = (calendarBoxOpen, containerRef) => {
+  const [calendarBoxStyles, setCalendarBoxStyles] = _react.default.useState({});
+  _react.default.useEffect(() => {
+    const updatePosition = () => {
+      const selectPositionOnScreen = containerRef.current?.getBoundingClientRect();
+      if (selectPositionOnScreen) {
         const {
-          top: u,
-          left: m,
-          width: f,
-          height: p
-        } = d;
-        w({
-          top: u + p + window.scrollY,
-          left: m + window.scrollX,
-          width: f,
-          position: "absolute"
+          top,
+          left,
+          width,
+          height
+        } = selectPositionOnScreen;
+        setCalendarBoxStyles({
+          top: top + height + window.scrollY,
+          left: left + window.scrollX,
+          width: width,
+          position: 'absolute'
         });
       }
     };
-    return o && (t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0)), () => {
-      window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
+    if (calendarBoxOpen) {
+      updatePosition();
+      window.addEventListener('resize', updatePosition);
+      window.addEventListener('scroll', updatePosition, true);
+    }
+    return () => {
+      window.removeEventListener('resize', updatePosition);
+      window.removeEventListener('scroll', updatePosition, true);
     };
-  }, n = [o, s], e[1] = o, e[2] = s, e[3] = r, e[4] = n) : (r = e[3], n = e[4]), a(r, n);
-  let l;
-  return e[5] !== c ? (l = {
-    calendarBoxStyles: c
-  }, e[5] = c, e[6] = l) : l = e[6], l;
+  }, [calendarBoxOpen, containerRef]);
+  return {
+    calendarBoxStyles
+  };
 };
-export {
-  L as useCalendarPosition
-};
-//# sourceMappingURL=constants.js.map
+exports.useCalendarPosition = useCalendarPosition;

package/lib/inputs2/date/base/index.d.ts

@@ -1,6 +1,12 @@
-import { BaseDateInputRootProps, BaseDateInputLabelProps, BaseDateInputContainerProps, BaseDateInputProps, BaseDateInputTriggersProps } from '../types';
-export declare const Root: import('react').ForwardRefExoticComponent<BaseDateInputRootProps & import('react').RefAttributes<HTMLDivElement>>;
-export declare const Label: import('react').ForwardRefExoticComponent<BaseDateInputLabelProps & import('react').RefAttributes<HTMLSpanElement>>;
-export declare const Container: import('react').ForwardRefExoticComponent<BaseDateInputContainerProps & import('react').RefAttributes<HTMLDivElement>>;
-export declare const Input: import('react').ForwardRefExoticComponent<BaseDateInputProps & import('react').RefAttributes<HTMLInputElement>>;
-export declare const Triggers: import('react').ForwardRefExoticComponent<BaseDateInputTriggersProps & import('react').RefAttributes<HTMLDivElement>>;
+import React__default from 'react';
+import { BaseDateInputRootProps, BaseDateInputLabelProps, BaseDateInputContainerProps, BaseDateInputProps, BaseDateInputTriggersProps } from '../types.js';
+import '../../../@types/ColorStyles.js';
+import '../../../@types/Position.js';
+
+declare const Root: React__default.ForwardRefExoticComponent<BaseDateInputRootProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Label: React__default.ForwardRefExoticComponent<BaseDateInputLabelProps & React__default.RefAttributes<HTMLSpanElement>>;
+declare const Container: React__default.ForwardRefExoticComponent<BaseDateInputContainerProps & React__default.RefAttributes<HTMLDivElement>>;
+declare const Input: React__default.ForwardRefExoticComponent<BaseDateInputProps & React__default.RefAttributes<HTMLInputElement>>;
+declare const Triggers: React__default.ForwardRefExoticComponent<BaseDateInputTriggersProps & React__default.RefAttributes<HTMLDivElement>>;
+
+export { Container, Input, Label, Root, Triggers };

package/lib/inputs2/date/base/index.js

@@ -1,134 +1,178 @@
-import { jsx as I, jsxs as V } from "react/jsx-runtime";
-import { c as $ } from "../../../_virtual/compiler-runtime.js";
-import { forwardRef as z } from "react";
-import '../../../assets/styles/datepicker2.css';/* empty css                                      */
-import O from "../../../icons/index.js";
-import M from "../../../popover/index.js";
-import q from "../../../popover/PopoverText.js";
-const A = z((i, r) => {
-  const e = $.c(11);
-  let l, a, s, t;
-  e[0] !== i ? ({
-    children: l,
-    customClassWrapper: s,
-    hasValidationErrors: t,
-    ...a
-  } = i, e[0] = i, e[1] = l, e[2] = a, e[3] = s, e[4] = t) : (l = e[1], a = e[2], s = e[3], t = e[4]);
-  const o = s === void 0 ? "" : s, c = t === void 0 ? !1 : t, d = `date-field-root ${o}`;
-  let n;
-  return e[5] !== l || e[6] !== c || e[7] !== r || e[8] !== a || e[9] !== d ? (n = /* @__PURE__ */ I("div", { ...a, ref: r, "data-state-error": c, className: d, children: l }), e[5] = l, e[6] = c, e[7] = r, e[8] = a, e[9] = d, e[10] = n) : n = e[10], n;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-A.displayName = "BaseDateRoot";
-const E = z((i, r) => {
-  const e = $.c(36);
-  let l, a, s, t, o, c, d, n, u, p, b, f, v, h;
-  e[0] !== i ? ({
-    hint: l,
-    label: s,
-    inputId: a,
-    isDisabled: o,
-    isReadOnly: c,
-    required: d,
-    hasHintMessages: n,
-    labelUppercase: u,
-    skeletonize: p,
-    hintPosition: b,
-    themePopover: f,
-    popoverAlign: v,
-    customClassLabel: h,
-    ...t
-  } = i, e[0] = i, e[1] = l, e[2] = a, e[3] = s, e[4] = t, e[5] = o, e[6] = c, e[7] = d, e[8] = n, e[9] = u, e[10] = p, e[11] = b, e[12] = f, e[13] = v, e[14] = h) : (l = e[1], a = e[2], s = e[3], t = e[4], o = e[5], c = e[6], d = e[7], n = e[8], u = e[9], p = e[10], b = e[11], f = e[12], v = e[13], h = e[14]);
-  const y = o === void 0 ? !1 : o, S = c === void 0 ? !1 : c, T = d === void 0 ? !1 : d, B = n === void 0 ? !1 : n, x = u === void 0 ? !1 : u, C = p === void 0 ? !1 : p, L = b === void 0 ? "below" : b, k = f === void 0 ? "light" : f, P = v === void 0 ? "left" : v, N = `root-label ${h === void 0 ? "" : h}`;
-  let m;
-  e[15] !== a || e[16] !== y || e[17] !== S || e[18] !== s || e[19] !== x || e[20] !== T ? (m = /* @__PURE__ */ I("label", { className: "label", title: s, htmlFor: a, "aria-disabled": y, "data-state-disabled": y, "data-state-read-only": S, "data-state-input-required": T, "data-state-label-uppercase": x, children: s }), e[15] = a, e[16] = y, e[17] = S, e[18] = s, e[19] = x, e[20] = T, e[21] = m) : m = e[21];
-  let g;
-  e[22] !== B || e[23] !== l || e[24] !== L || e[25] !== P || e[26] !== C || e[27] !== k ? (g = B && L === "onLabelRight" && !C && /* @__PURE__ */ I(M, { customClass: "label-popover", theme: k, align: P, iconColor: "#03bde2", children: /* @__PURE__ */ I(q, { text: l }) }), e[22] = B, e[23] = l, e[24] = L, e[25] = P, e[26] = C, e[27] = k, e[28] = g) : g = e[28];
-  let D;
-  return e[29] !== r || e[30] !== t || e[31] !== C || e[32] !== N || e[33] !== m || e[34] !== g ? (D = /* @__PURE__ */ V("span", { ...t, ref: r, className: N, "data-state-skeletonize": C, children: [
-    m,
-    g
-  ] }), e[29] = r, e[30] = t, e[31] = C, e[32] = N, e[33] = m, e[34] = g, e[35] = D) : D = e[35], D;
+exports.Triggers = exports.Root = exports.Label = exports.Input = exports.Container = void 0;
+require("../../../assets/styles/datepicker2.scss");
+var _react = _interopRequireDefault(require("react"));
+var _icons = _interopRequireDefault(require("../../../icons"));
+var _popover = _interopRequireWildcard(require("../../../popover"));
+const _excluded = ["children", "customClassWrapper", "hasValidationErrors"],
+  _excluded2 = ["hint", "label", "inputId", "isDisabled", "isReadOnly", "required", "hasHintMessages", "labelUppercase", "skeletonize", "hintPosition", "themePopover", "popoverAlign", "customClassLabel"],
+  _excluded3 = ["children", "skeletonize", "customClassInputContainer"],
+  _excluded4 = ["customClass"],
+  _excluded5 = ["children", "isReadOnly", "isDisabled", "skeletonize", "inputFieldId", "calendarBoxOpen", "showCalendarButton", "showClearButton", "onClearSelectedDate", "onClickTriggerCalendar", "hasValidDateSelection", "hasValidPeriodSelected", "clearButtonTestId", "calendarButtonTestId"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Root = exports.Root = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      children,
+      customClassWrapper = '',
+      hasValidationErrors = false
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
+    ref: ref,
+    "data-state-error": hasValidationErrors,
+    className: `date-field-root ${customClassWrapper}`
+  }), children);
 });
-E.displayName = "BaseDateLabel";
-const F = z((i, r) => {
-  const e = $.c(11);
-  let l, a, s, t;
-  e[0] !== i ? ({
-    children: l,
-    skeletonize: s,
-    customClassInputContainer: t,
-    ...a
-  } = i, e[0] = i, e[1] = l, e[2] = a, e[3] = s, e[4] = t) : (l = e[1], a = e[2], s = e[3], t = e[4]);
-  const o = s === void 0 ? !1 : s, d = `container ${t === void 0 ? "" : t}`;
-  let n;
-  return e[5] !== l || e[6] !== r || e[7] !== a || e[8] !== o || e[9] !== d ? (n = /* @__PURE__ */ I("div", { ...a, ref: r, "data-state-skeletonize": o, className: d, children: l }), e[5] = l, e[6] = r, e[7] = a, e[8] = o, e[9] = d, e[10] = n) : n = e[10], n;
+Root.displayName = 'BaseDateRoot';
+const Label = exports.Label = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      hint,
+      label,
+      inputId,
+      isDisabled = false,
+      isReadOnly = false,
+      required = false,
+      hasHintMessages = false,
+      labelUppercase = false,
+      skeletonize = false,
+      hintPosition = 'below',
+      themePopover = 'light',
+      popoverAlign = 'left',
+      customClassLabel = ''
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/_react.default.createElement("span", _extends({}, rest, {
+    ref: ref,
+    className: `root-label ${customClassLabel}`,
+    "data-state-skeletonize": skeletonize
+  }), /*#__PURE__*/_react.default.createElement("label", {
+    className: "label",
+    title: label,
+    htmlFor: inputId,
+    "aria-disabled": isDisabled,
+    "data-state-disabled": isDisabled,
+    "data-state-read-only": isReadOnly,
+    "data-state-input-required": required,
+    "data-state-label-uppercase": labelUppercase
+  }, label), hasHintMessages && hintPosition === 'onLabelRight' && !skeletonize && /*#__PURE__*/_react.default.createElement(_popover.default, {
+    customClass: "label-popover",
+    theme: themePopover,
+    align: popoverAlign,
+    iconColor: "#03bde2"
+  }, /*#__PURE__*/_react.default.createElement(_popover.PopoverText, {
+    text: hint
+  })));
 });
-F.displayName = "BaseDateContainer";
-const H = z((i, r) => {
-  const e = $.c(7);
-  let l, a;
-  e[0] !== i ? ({
-    customClass: a,
-    ...l
-  } = i, e[0] = i, e[1] = l, e[2] = a) : (l = e[1], a = e[2]);
-  const t = `input ${a === void 0 ? "" : a}`;
-  let o;
-  return e[3] !== r || e[4] !== l || e[5] !== t ? (o = /* @__PURE__ */ I("input", { ...l, ref: r, multiple: !1, type: "text", role: "combobox", "aria-haspopup": "true", className: t, "aria-autocomplete": "list" }), e[3] = r, e[4] = l, e[5] = t, e[6] = o) : o = e[6], o;
+Label.displayName = 'BaseDateLabel';
+const Container = exports.Container = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      children,
+      skeletonize = false,
+      customClassInputContainer = ''
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded3);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
+    ref: ref,
+    "data-state-skeletonize": skeletonize,
+    className: `container ${customClassInputContainer}`
+  }), children);
 });
-H.displayName = "BaseDateInput";
-const j = z((i, r) => {
-  const e = $.c(46);
-  let l, a, s, t, o, c, d, n, u, p, b, f, v, h, y;
-  e[0] !== i ? ({
-    children: a,
-    isReadOnly: o,
-    isDisabled: t,
-    skeletonize: b,
-    inputFieldId: s,
-    calendarBoxOpen: l,
-    showCalendarButton: u,
-    showClearButton: p,
-    onClearSelectedDate: c,
-    onClickTriggerCalendar: d,
-    hasValidDateSelection: f,
-    hasValidPeriodSelected: v,
-    clearButtonTestId: h,
-    calendarButtonTestId: y,
-    ...n
-  } = i, e[0] = i, e[1] = l, e[2] = a, e[3] = s, e[4] = t, e[5] = o, e[6] = c, e[7] = d, e[8] = n, e[9] = u, e[10] = p, e[11] = b, e[12] = f, e[13] = v, e[14] = h, e[15] = y) : (l = e[1], a = e[2], s = e[3], t = e[4], o = e[5], c = e[6], d = e[7], n = e[8], u = e[9], p = e[10], b = e[11], f = e[12], v = e[13], h = e[14], y = e[15]);
-  const S = f === void 0 ? !1 : f, T = v === void 0 ? !1 : v, B = h === void 0 ? "test-date-trigger-clear" : h, x = y === void 0 ? "test-date-trigger-open-calendar" : y, C = l ? "Fechar Calendário" : "Abrir Calendário", L = !o && !t;
-  let k;
-  e[16] !== c || e[17] !== L ? (k = (_) => {
-    L ? c() : _.preventDefault();
-  }, e[16] = c, e[17] = L, e[18] = k) : k = e[18];
-  const P = k, R = S || T;
-  let N;
-  e[19] === Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ I(O, { name: "cancel" }), e[19] = N) : N = e[19];
-  let m;
-  e[20] !== B || e[21] !== P || e[22] !== s || e[23] !== t || e[24] !== o || e[25] !== p || e[26] !== R ? (m = /* @__PURE__ */ I("button", { "data-testid": B, className: "clear-selected-date", type: "button", title: "Limpar Data Selecionada", tabIndex: -1, disabled: t, "aria-label": "Limpar Data Selecionada", "aria-controls": s, "data-state-read-only": o, "data-state-visible": p, "data-state-valid-date-selected": R, onClick: P, onMouseDown: U, children: N }), e[20] = B, e[21] = P, e[22] = s, e[23] = t, e[24] = o, e[25] = p, e[26] = R, e[27] = m) : m = e[27];
-  let g;
-  e[28] === Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ I(O, { name: "calendar" }), e[28] = g) : g = e[28];
-  let D;
-  e[29] !== C || e[30] !== x || e[31] !== s || e[32] !== t || e[33] !== o || e[34] !== d || e[35] !== u ? (D = /* @__PURE__ */ I("button", { "data-testid": x, className: "open-calendar", type: "button", title: C, tabIndex: -1, disabled: t, "aria-label": C, "aria-controls": s, "data-state-visible": u, "data-state-read-only": o, onClick: d, onMouseDown: W, children: g }), e[29] = C, e[30] = x, e[31] = s, e[32] = t, e[33] = o, e[34] = d, e[35] = u, e[36] = D) : D = e[36];
-  let w;
-  return e[37] !== a || e[38] !== t || e[39] !== o || e[40] !== r || e[41] !== n || e[42] !== b || e[43] !== m || e[44] !== D ? (w = /* @__PURE__ */ V("div", { ...n, ref: r, className: "triggers", "data-state-disabled": t, "data-state-read-only": o, "data-state-skeletonize": b, children: [
-    m,
-    D,
-    a
-  ] }), e[37] = a, e[38] = t, e[39] = o, e[40] = r, e[41] = n, e[42] = b, e[43] = m, e[44] = D, e[45] = w) : w = e[45], w;
+Container.displayName = 'BaseDateContainer';
+const Input = exports.Input = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      customClass = ''
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded4);
+  return /*#__PURE__*/_react.default.createElement("input", _extends({}, rest, {
+    ref: ref,
+    multiple: false,
+    type: "text",
+    role: "combobox",
+    "aria-haspopup": "true",
+    className: `input ${customClass}`,
+    "aria-autocomplete": "list"
+  }));
 });
-j.displayName = "BaseDateTriggers";
-function U(i) {
-  i.preventDefault();
-}
-function W(i) {
-  i.preventDefault();
-}
-export {
-  F as Container,
-  H as Input,
-  E as Label,
-  A as Root,
-  j as Triggers
-};
-//# sourceMappingURL=index.js.map
+Input.displayName = 'BaseDateInput';
+const Triggers = exports.Triggers = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      children,
+      isReadOnly,
+      isDisabled,
+      skeletonize,
+      inputFieldId,
+      calendarBoxOpen,
+      showCalendarButton,
+      showClearButton,
+      onClearSelectedDate,
+      onClickTriggerCalendar,
+      hasValidDateSelection = false,
+      hasValidPeriodSelected = false,
+      clearButtonTestId = 'test-date-trigger-clear',
+      calendarButtonTestId = 'test-date-trigger-open-calendar'
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded5);
+  const ariaLabel = !calendarBoxOpen ? 'Abrir Calendário' : 'Fechar Calendário';
+  const shouldHavePermitClickOnTrigger = !isReadOnly && !isDisabled;
+  const handleOnClickClear = event => {
+    if (!shouldHavePermitClickOnTrigger) {
+      event.preventDefault();
+    } else {
+      onClearSelectedDate();
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, rest, {
+    ref: ref,
+    className: "triggers",
+    "data-state-disabled": isDisabled,
+    "data-state-read-only": isReadOnly,
+    "data-state-skeletonize": skeletonize
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    "data-testid": clearButtonTestId,
+    className: "clear-selected-date",
+    type: "button",
+    title: "Limpar Data Selecionada",
+    tabIndex: -1,
+    disabled: isDisabled,
+    "aria-readonly": isReadOnly,
+    "aria-label": "Limpar Data Selecionada",
+    "aria-controls": inputFieldId,
+    "data-state-read-only": isReadOnly,
+    "data-state-visible": showClearButton,
+    "data-state-valid-date-selected": hasValidDateSelection || hasValidPeriodSelected,
+    onClick: handleOnClickClear,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: "cancel"
+  })), /*#__PURE__*/_react.default.createElement("button", {
+    "data-testid": calendarButtonTestId,
+    className: "open-calendar",
+    type: "button",
+    title: ariaLabel,
+    tabIndex: -1,
+    disabled: isDisabled,
+    "aria-readonly": isReadOnly,
+    "aria-label": ariaLabel,
+    "aria-controls": inputFieldId,
+    "data-state-visible": showCalendarButton,
+    "data-state-read-only": isReadOnly,
+    onClick: onClickTriggerCalendar,
+    onMouseDown: event => {
+      event.preventDefault();
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.default, {
+    name: "calendar"
+  })), children);
+});
+Triggers.displayName = 'BaseDateTriggers';