linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/inputs2/colorfield/index.js

@@ -1,119 +1,89 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+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/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 { 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;
 });
-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';
+ee.displayName = "ColorFieldInput";
+export {
+  ee as Input,
+  Q as LeftSlot,
+  U as RightSlot
+};
+//# sourceMappingURL=index.js.map

package/lib/inputs2/colorfield/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/inputs2/colorfield/index.tsx"],"sourcesContent":["import '../../assets/styles/colorpicker.scss';\nimport { ChangeEvent, forwardRef, useLayoutEffect, useRef } from 'react';\nimport { LeftSlot, RightSlot } from '../slot';\nimport * as TextField from '../textfield';\nimport Button from '../../../lib/buttons';\nimport { actionsOnPermissionDenied, OPTIONS_ON_DENIED } from '../../../lib/permissionValidations';\nimport { OnDenied } from '../../../lib/@types/PermissionAttr';\n\ninterface ColorFieldInputProps extends TextField.TextFieldInputProps {\n  isTypeText?: boolean;\n}\n\nconst options = [\n  OPTIONS_ON_DENIED.disabled,\n  OPTIONS_ON_DENIED.unvisible,\n  OPTIONS_ON_DENIED.readOnly,\n  OPTIONS_ON_DENIED.hideContent,\n];\n\nconst Input = forwardRef<HTMLInputElement, ColorFieldInputProps>((props, ref) => {\n  const {\n    name,\n    isTypeText = true,\n    defaultValue = '',\n    onChange,\n    permissionAttr = undefined,\n    onDeniedActions = undefined,\n    ...restProps\n  } = props;\n  const inputRefText = useRef<HTMLInputElement>(null);\n  const inputRefColor = useRef<HTMLInputElement>(null);\n  const mirrorRef = useRef<HTMLDivElement>(null);\n  const onDenied: OnDenied = onDeniedActions || actionsOnPermissionDenied(options, permissionAttr);\n  const { hideContent, unvisible } = onDenied;\n\n  const syncColorValues = (value: string) => {\n    if (mirrorRef.current) {\n      mirrorRef.current.style.backgroundColor = value;\n    }\n    if (inputRefText.current && inputRefText.current.value !== value) {\n      inputRefText.current.value = value;\n    }\n    if (inputRefColor.current && inputRefColor.current.value !== value) {\n      inputRefColor.current.value = value;\n    }\n  };\n\n  const handleTextInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    syncColorValues(newValue);\n    onChange?.(e);\n  };\n\n  const handleColorInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    syncColorValues(newValue);\n    onChange?.(e);\n  };\n\n  const onPaletteButtonClick = () => {\n    inputRefColor.current?.click();\n  };\n\n  useLayoutEffect(() => {\n    syncColorValues(String(defaultValue));\n  }, [defaultValue, syncColorValues]);\n\n  if (unvisible || hideContent) return null;\n\n  return (\n    <>\n      <TextField.Input\n        {...restProps}\n        ref={ref}\n        name={name}\n        type={isTypeText ? 'text' : 'color'}\n        defaultValue={String(defaultValue)}\n        style={{ borderLeft: '1px solid #eeee' }}\n        onChange={handleTextInputChange}>\n        {isTypeText && (\n          <LeftSlot>\n            <div\n              style={{ backgroundColor: String(defaultValue) }}\n              ref={mirrorRef}\n              className=\"colorpicker-colormirror\" />\n          </LeftSlot>\n        )}\n        {isTypeText && (\n          <RightSlot>\n            <Button\n              className=\"colorpicker-palettebutton\"\n              onClick={onPaletteButtonClick}\n              onKeyDown={(e) => {\n                if (e.code === 'Space' || e.key === ' ') {\n                  e.preventDefault();\n                  onPaletteButtonClick();\n                }\n              }}\n              iconName=\"pallete\" />\n          </RightSlot>\n        )}\n      </TextField.Input>\n      {isTypeText && (\n        <input\n          ref={inputRefColor}\n          type=\"color\"\n          style={{ position: 'absolute', opacity: 0, pointerEvents: 'none' }}\n          defaultValue={String(defaultValue)}\n          onChange={handleColorInputChange}\n          tabIndex={-1} />\n      )}\n    </>\n  );\n});\n\nInput.displayName = 'ColorFieldInput';\n\nexport { Input, LeftSlot, RightSlot };\nexport type { ColorFieldInputProps };\n"],"names":["options","OPTIONS_ON_DENIED","disabled","unvisible","readOnly","hideContent","Input","forwardRef","props","ref","$","_c","name","onChange","restProps","t0","t1","t2","t3","isTypeText","defaultValue","permissionAttr","onDeniedActions","undefined","inputRefText","useRef","inputRefColor","mirrorRef","onDenied","actionsOnPermissionDenied","t4","Symbol","for","value","current","style","backgroundColor","syncColorValues","t5","e","newValue","target","handleTextInputChange","t6","e_0","newValue_0","handleColorInputChange","t7","click","onPaletteButtonClick","t8","t9","String","useLayoutEffect","t10","t11","t12","borderLeft","t13","jsx","LeftSlot","t14","RightSlot","Button","e_1","code","key","preventDefault","t15","t16","position","opacity","pointerEvents","t17","displayName"],"mappings":"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"}

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

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

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

@@ -1,43 +1,39 @@
-"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) {
+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) {
         const {
-          top,
-          left,
-          width,
-          height
-        } = selectPositionOnScreen;
-        setCalendarBoxStyles({
-          top: top + height + window.scrollY,
-          left: left + window.scrollX,
-          width: width,
-          position: 'absolute'
+          top: u,
+          left: m,
+          width: f,
+          height: p
+        } = d;
+        w({
+          top: u + p + window.scrollY,
+          left: m + window.scrollX,
+          width: f,
+          position: "absolute"
         });
       }
     };
-    if (calendarBoxOpen) {
-      updatePosition();
-      window.addEventListener('resize', updatePosition);
-      window.addEventListener('scroll', updatePosition, true);
-    }
-    return () => {
-      window.removeEventListener('resize', updatePosition);
-      window.removeEventListener('scroll', updatePosition, true);
+    return o && (t(), window.addEventListener("resize", t), window.addEventListener("scroll", t, !0)), () => {
+      window.removeEventListener("resize", t), window.removeEventListener("scroll", t, !0);
     };
-  }, [calendarBoxOpen, containerRef]);
-  return {
-    calendarBoxStyles
-  };
+  }, 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;
 };
-exports.useCalendarPosition = useCalendarPosition;
+export {
+  L as useCalendarPosition
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/lib/inputs2/date/base/constants.ts"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useState } from \"react\";\n\nexport const useCalendarPosition = (\n  calendarBoxOpen: boolean,\n  containerRef: RefObject<HTMLDivElement | null>,\n) => {\n  const [calendarBoxStyles, setCalendarBoxStyles] = useState<CSSProperties>({});\n\n  useEffect(() => {\n    const updatePosition = () => {\n      const selectPositionOnScreen = containerRef.current?.getBoundingClientRect();\n      if (selectPositionOnScreen) {\n        const { top, left, width, height } = selectPositionOnScreen;\n        setCalendarBoxStyles({\n          top: top + height + window.scrollY,\n          left: left + window.scrollX,\n          width: width,\n          position: 'absolute',\n        });\n      }\n    };\n\n    if (calendarBoxOpen) {\n      updatePosition();\n      window.addEventListener('resize', updatePosition);\n      window.addEventListener('scroll', updatePosition, true);\n    }\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [calendarBoxOpen, containerRef]);\n\n  return { calendarBoxStyles };\n};\n"],"names":["useCalendarPosition","calendarBoxOpen","containerRef","$","_c","t0","Symbol","for","calendarBoxStyles","setCalendarBoxStyles","useState","t1","t2","updatePosition","selectPositionOnScreen","current","getBoundingClientRect","top","left","width","height","window","scrollY","scrollX","position","addEventListener","removeEventListener","useEffect","t3"],"mappings":";;AAEO,MAAMA,IAAsBA,CAAAC,GAAAC,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,EAAAF,EAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAIyCF,QAAEF,OAAAE,KAAAA,IAAAF,EAAA,CAAA;AAA5E,QAAA,CAAAK,GAAAC,CAAA,IAAkDC,EAAwBL,CAAE;AAAE,MAAAM,GAAAC;AAAA,EAAAT,EAAA,CAAA,MAAAF,KAAAE,SAAAD,KAEpES,IAAAA,MAAA;AACR,UAAAE,IAAuBA,MAAA;AACrB,YAAAC,IAA+BZ,EAAYa,SAA+BC,sBAAAA;AAC1E,UAAIF,GAAsB;AACxB,cAAA;AAAA,UAAAG,KAAAA;AAAAA,UAAAC,MAAAA;AAAAA,UAAAC,OAAAA;AAAAA,UAAAC,QAAAA;AAAAA,QAAAA,IAAqCN;AACrCL,QAAAA,EAAqB;AAAA,UAAAQ,KACdA,IAAMG,IAASC,OAAMC;AAAAA,UAAQJ,MAC5BA,IAAOG,OAAME;AAAAA,UAAQJ,OAAAA;AAAAA,UAAAK,UAEjB;AAAA,QAAA,CACX;AAAA,MAAC;AAAA,IACH;AAGH,WAAIvB,MACFY,EAAAA,GACAQ,OAAMI,iBAAkB,UAAUZ,CAAc,GAChDQ,OAAMI,iBAAkB,UAAUZ,GAAgB,EAAI,IAGjD,MAAA;AACLQ,aAAMK,oBAAqB,UAAUb,CAAc,GACnDQ,OAAMK,oBAAqB,UAAUb,GAAgB,EAAI;AAAA,IAAC;AAAA,EAC3D,GACAD,IAAA,CAACX,GAAiBC,CAAY,GAACC,OAAAF,GAAAE,OAAAD,GAAAC,OAAAQ,GAAAR,OAAAS,MAAAD,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,IAxBlCwB,EAAUhB,GAwBPC,CAA+B;AAAC,MAAAgB;AAAA,SAAAzB,SAAAK,KAE5BoB,IAAA;AAAA,IAAApB,mBAAAA;AAAAA,EAAAA,GAAqBL,OAAAK,GAAAL,OAAAyB,KAAAA,IAAAzB,EAAA,CAAA,GAArByB;AAAqB;"}

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

@@ -1,12 +1,6 @@
-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 };
+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>>;