@tsiky/components-r19 1.4.1 → 1.4.2

package/dist/PeriodRange-BtgY7fFR.cjs

@@ -0,0 +1,26 @@
+"use strict";const o=require("react"),a=require("react/jsx-runtime");/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const k=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),q=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,n,r)=>r?r.toUpperCase():n.toLowerCase()),w=e=>{const t=q(e);return t.charAt(0).toUpperCase()+t.slice(1)},y=(...e)=>e.filter((t,n,r)=>!!t&&t.trim()!==""&&r.indexOf(t)===n).join(" ").trim(),I=e=>{for(const t in e)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var P={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const x=o.forwardRef(({color:e="currentColor",size:t=24,strokeWidth:n=2,absoluteStrokeWidth:r,className:l="",children:d,iconNode:h,...m},i)=>o.createElement("svg",{ref:i,...P,width:t,height:t,stroke:e,strokeWidth:r?Number(n)*24/Number(t):n,className:y("lucide",l),...!d&&!I(m)&&{"aria-hidden":"true"},...m},[...h.map(([p,u])=>o.createElement(p,u)),...Array.isArray(d)?d:[d]]));/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const C=(e,t)=>{const n=o.forwardRef(({className:r,...l},d)=>o.createElement(x,{ref:d,iconNode:t,className:y(`lucide-${k(w(e))}`,`lucide-${e}`,r),...l}));return n.displayName=w(e),n};/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const E=[["path",{d:"M12 2v20",key:"t6zp3m"}],["path",{d:"m15 19-3 3-3-3",key:"11eu04"}],["path",{d:"m19 9 3 3-3 3",key:"1mg7y2"}],["path",{d:"M2 12h20",key:"9i4pu4"}],["path",{d:"m5 9-3 3 3 3",key:"j64kie"}],["path",{d:"m9 5 3-3 3 3",key:"l8vdw6"}]],R=C("move",E);var O=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function S(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function M(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var t=e.default;if(typeof t=="function"){var n=function r(){var l=!1;try{l=this instanceof r}catch{}return l?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}),n}const A="_wrapper_nqjee_1",F="_label_nqjee_27",T="_labelText_nqjee_43",$="_calendarIcon_nqjee_51",H="_rangeRow_nqjee_61",D="_dateWrap_nqjee_77",V="_innerLabel_nqjee_93",z="_dateInput_nqjee_103",B="_sepWrap_nqjee_129",G="_separator_nqjee_143",U="_samplingWrap_nqjee_153",Z="_samplingLabel_nqjee_171",K="_samplingSelect_nqjee_179",s={wrapper:A,label:F,labelText:T,calendarIcon:$,rangeRow:H,dateWrap:D,innerLabel:V,dateInput:z,sepWrap:B,separator:G,samplingWrap:U,samplingLabel:Z,samplingSelect:K};function J({start:e="",end:t="",onChange:n,sampling:r="day",onSamplingChange:l,labels:d={},samplingOptions:h={},className:m=""}){const i={period:"Période",start:"Début",end:"Fin",sampling:"Échantillonnage",...d},p={hour:"Par heure",day:"Par jour",week:"Par semaine",month:"Par mois",...h},[u,j]=o.useState(e),[f,_]=o.useState(t),[N,b]=o.useState(r),g=o.useRef(null);o.useEffect(()=>j(e),[e]),o.useEffect(()=>_(t),[t]),o.useEffect(()=>b(r),[r]),o.useEffect(()=>{function c(W){const v=W.target;g.current&&v&&g.current.contains(v)}return document.addEventListener("mousedown",c),()=>document.removeEventListener("mousedown",c)},[]),o.useEffect(()=>{n?.({start:u,end:f})},[u,f,n]);const L=c=>{b(c),l?.(c)};return a.jsxs("div",{className:`${s.wrapper} ${m}`,ref:g,children:[a.jsxs("label",{className:s.label,"aria-hidden":!0,children:[a.jsxs("svg",{className:s.calendarIcon,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"18",height:"18","aria-hidden":!0,children:[a.jsx("path",{fill:"currentColor",d:"M7 10h5v5H7z",opacity:"0"}),a.jsx("path",{fill:"currentColor",d:"M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 00-2 2v12a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2zM5 20V9h14l.002 11H5z"})]}),a.jsx("span",{className:s.labelText,children:i.period})]}),a.jsxs("div",{className:s.rangeRow,children:[a.jsxs("div",{className:s.dateWrap,children:[a.jsx("label",{className:s.innerLabel,htmlFor:"period-from",children:i.start}),a.jsx("input",{id:"period-from",className:s.dateInput,type:"date",value:u,onChange:c=>j(c.target.value),"aria-label":i.start})]}),a.jsx("div",{className:s.sepWrap,"aria-hidden":!0,children:a.jsx("span",{className:s.separator,children:"—"})}),a.jsxs("div",{className:s.dateWrap,children:[a.jsx("label",{className:s.innerLabel,htmlFor:"period-to",children:i.end}),a.jsx("div",{className:s.inputWithIcon,children:a.jsx("input",{id:"period-to",className:s.dateInput,type:"date",value:f,onChange:c=>_(c.target.value),"aria-label":i.end})})]}),a.jsxs("div",{className:s.samplingWrap,children:[a.jsx("label",{className:s.samplingLabel,htmlFor:"period-sampling",children:i.sampling}),a.jsxs("select",{id:"period-sampling",className:s.samplingSelect,value:N,onChange:c=>L(c.target.value),"aria-label":i.sampling,children:[a.jsx("option",{value:"hour",children:p.hour}),a.jsx("option",{value:"day",children:p.day}),a.jsx("option",{value:"week",children:p.week}),a.jsx("option",{value:"month",children:p.month})]})]})]})]})}exports.Icon=x;exports.Move=R;exports.PeriodRange=J;exports.commonjsGlobal=O;exports.createLucideIcon=C;exports.getAugmentedNamespace=M;exports.getDefaultExportFromCjs=S;

package/dist/PeriodRange-CfhneSbr.js

@@ -0,0 +1,270 @@
+import { forwardRef as L, createElement as v, useState as b, useRef as q, useEffect as m } from "react";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const O = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), M = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (a, t, n) => n ? n.toUpperCase() : t.toLowerCase()
+), N = (e) => {
+  const a = M(e);
+  return a.charAt(0).toUpperCase() + a.slice(1);
+}, W = (...e) => e.filter((a, t, n) => !!a && a.trim() !== "" && n.indexOf(a) === t).join(" ").trim(), x = (e) => {
+  for (const a in e)
+    if (a.startsWith("aria-") || a === "role" || a === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var R = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const S = L(
+  ({
+    color: e = "currentColor",
+    size: a = 24,
+    strokeWidth: t = 2,
+    absoluteStrokeWidth: n,
+    className: l = "",
+    children: c,
+    iconNode: g,
+    ...h
+  }, i) => v(
+    "svg",
+    {
+      ref: i,
+      ...R,
+      width: a,
+      height: a,
+      stroke: e,
+      strokeWidth: n ? Number(t) * 24 / Number(a) : t,
+      className: W("lucide", l),
+      ...!c && !x(h) && { "aria-hidden": "true" },
+      ...h
+    },
+    [
+      ...g.map(([d, u]) => v(d, u)),
+      ...Array.isArray(c) ? c : [c]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const A = (e, a) => {
+  const t = L(
+    ({ className: n, ...l }, c) => v(S, {
+      ref: c,
+      iconNode: a,
+      className: W(
+        `lucide-${O(N(e))}`,
+        `lucide-${e}`,
+        n
+      ),
+      ...l
+    })
+  );
+  return t.displayName = N(e), t;
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const T = [
+  ["path", { d: "M12 2v20", key: "t6zp3m" }],
+  ["path", { d: "m15 19-3 3-3-3", key: "11eu04" }],
+  ["path", { d: "m19 9 3 3-3 3", key: "1mg7y2" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }],
+  ["path", { d: "m5 9-3 3 3 3", key: "j64kie" }],
+  ["path", { d: "m9 5 3-3 3 3", key: "l8vdw6" }]
+], Y = A("move", T);
+var ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ae(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function te(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var a = e.default;
+  if (typeof a == "function") {
+    var t = function n() {
+      var l = !1;
+      try {
+        l = this instanceof n;
+      } catch {
+      }
+      return l ? Reflect.construct(a, arguments, this.constructor) : a.apply(this, arguments);
+    };
+    t.prototype = a.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(n) {
+    var l = Object.getOwnPropertyDescriptor(e, n);
+    Object.defineProperty(t, n, l.get ? l : {
+      enumerable: !0,
+      get: function() {
+        return e[n];
+      }
+    });
+  }), t;
+}
+const E = "_wrapper_nqjee_1", F = "_label_nqjee_27", $ = "_labelText_nqjee_43", H = "_calendarIcon_nqjee_51", V = "_rangeRow_nqjee_61", z = "_dateWrap_nqjee_77", B = "_innerLabel_nqjee_93", D = "_dateInput_nqjee_103", U = "_sepWrap_nqjee_129", Z = "_separator_nqjee_143", G = "_samplingWrap_nqjee_153", K = "_samplingLabel_nqjee_171", J = "_samplingSelect_nqjee_179", r = {
+  wrapper: E,
+  label: F,
+  labelText: $,
+  calendarIcon: H,
+  rangeRow: V,
+  dateWrap: z,
+  innerLabel: B,
+  dateInput: D,
+  sepWrap: U,
+  separator: Z,
+  samplingWrap: G,
+  samplingLabel: K,
+  samplingSelect: J
+};
+function ne({
+  start: e = "",
+  end: a = "",
+  onChange: t,
+  sampling: n = "day",
+  onSamplingChange: l,
+  labels: c = {},
+  samplingOptions: g = {},
+  className: h = ""
+}) {
+  const i = {
+    period: "Période",
+    start: "Début",
+    end: "Fin",
+    sampling: "Échantillonnage",
+    ...c
+  }, d = {
+    hour: "Par heure",
+    day: "Par jour",
+    week: "Par semaine",
+    month: "Par mois",
+    ...g
+  }, [u, w] = b(e), [f, y] = b(a), [k, j] = b(n), _ = q(null);
+  m(() => w(e), [e]), m(() => y(a), [a]), m(() => j(n), [n]), m(() => {
+    function s(P) {
+      const C = P.target;
+      _.current && C && _.current.contains(C);
+    }
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, []), m(() => {
+    t?.({ start: u, end: f });
+  }, [u, f, t]);
+  const I = (s) => {
+    j(s), l?.(s);
+  };
+  return /* @__PURE__ */ p("div", { className: `${r.wrapper} ${h}`, ref: _, children: [
+    /* @__PURE__ */ p("label", { className: r.label, "aria-hidden": !0, children: [
+      /* @__PURE__ */ p(
+        "svg",
+        {
+          className: r.calendarIcon,
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          width: "18",
+          height: "18",
+          "aria-hidden": !0,
+          children: [
+            /* @__PURE__ */ o("path", { fill: "currentColor", d: "M7 10h5v5H7z", opacity: "0" }),
+            /* @__PURE__ */ o(
+              "path",
+              {
+                fill: "currentColor",
+                d: "M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 00-2 2v12a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2zM5 20V9h14l.002 11H5z"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ o("span", { className: r.labelText, children: i.period })
+    ] }),
+    /* @__PURE__ */ p("div", { className: r.rangeRow, children: [
+      /* @__PURE__ */ p("div", { className: r.dateWrap, children: [
+        /* @__PURE__ */ o("label", { className: r.innerLabel, htmlFor: "period-from", children: i.start }),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            id: "period-from",
+            className: r.dateInput,
+            type: "date",
+            value: u,
+            onChange: (s) => w(s.target.value),
+            "aria-label": i.start
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { className: r.sepWrap, "aria-hidden": !0, children: /* @__PURE__ */ o("span", { className: r.separator, children: "—" }) }),
+      /* @__PURE__ */ p("div", { className: r.dateWrap, children: [
+        /* @__PURE__ */ o("label", { className: r.innerLabel, htmlFor: "period-to", children: i.end }),
+        /* @__PURE__ */ o("div", { className: r.inputWithIcon, children: /* @__PURE__ */ o(
+          "input",
+          {
+            id: "period-to",
+            className: r.dateInput,
+            type: "date",
+            value: f,
+            onChange: (s) => y(s.target.value),
+            "aria-label": i.end
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ p("div", { className: r.samplingWrap, children: [
+        /* @__PURE__ */ o("label", { className: r.samplingLabel, htmlFor: "period-sampling", children: i.sampling }),
+        /* @__PURE__ */ p(
+          "select",
+          {
+            id: "period-sampling",
+            className: r.samplingSelect,
+            value: k,
+            onChange: (s) => I(s.target.value),
+            "aria-label": i.sampling,
+            children: [
+              /* @__PURE__ */ o("option", { value: "hour", children: d.hour }),
+              /* @__PURE__ */ o("option", { value: "day", children: d.day }),
+              /* @__PURE__ */ o("option", { value: "week", children: d.week }),
+              /* @__PURE__ */ o("option", { value: "month", children: d.month })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  S as I,
+  Y as M,
+  ne as P,
+  ee as a,
+  te as b,
+  A as c,
+  ae as g
+};

package/dist/PeriodRange-CjhgOtpd.js

@@ -0,0 +1,270 @@
+import { forwardRef as W, createElement as v, useState as b, useRef as O, useEffect as m } from "react";
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const M = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), x = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (a, t, r) => r ? r.toUpperCase() : t.toLowerCase()
+), L = (e) => {
+  const a = x(e);
+  return a.charAt(0).toUpperCase() + a.slice(1);
+}, k = (...e) => e.filter((a, t, r) => !!a && a.trim() !== "" && r.indexOf(a) === t).join(" ").trim(), R = (e) => {
+  for (const a in e)
+    if (a.startsWith("aria-") || a === "role" || a === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var S = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const A = W(
+  ({
+    color: e = "currentColor",
+    size: a = 24,
+    strokeWidth: t = 2,
+    absoluteStrokeWidth: r,
+    className: l = "",
+    children: i,
+    iconNode: g,
+    ...h
+  }, c) => v(
+    "svg",
+    {
+      ref: c,
+      ...S,
+      width: a,
+      height: a,
+      stroke: e,
+      strokeWidth: r ? Number(t) * 24 / Number(a) : t,
+      className: k("lucide", l),
+      ...!i && !R(h) && { "aria-hidden": "true" },
+      ...h
+    },
+    [
+      ...g.map(([d, u]) => v(d, u)),
+      ...Array.isArray(i) ? i : [i]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const T = (e, a) => {
+  const t = W(
+    ({ className: r, ...l }, i) => v(A, {
+      ref: i,
+      iconNode: a,
+      className: k(
+        `lucide-${M(L(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...l
+    })
+  );
+  return t.displayName = L(e), t;
+};
+/**
+ * @license lucide-react v0.540.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const E = [
+  ["path", { d: "M12 2v20", key: "t6zp3m" }],
+  ["path", { d: "m15 19-3 3-3-3", key: "11eu04" }],
+  ["path", { d: "m19 9 3 3-3 3", key: "1mg7y2" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }],
+  ["path", { d: "m5 9-3 3 3 3", key: "j64kie" }],
+  ["path", { d: "m9 5 3-3 3 3", key: "l8vdw6" }]
+], Y = T("move", E);
+var ee = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ae(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function te(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var a = e.default;
+  if (typeof a == "function") {
+    var t = function r() {
+      var l = !1;
+      try {
+        l = this instanceof r;
+      } catch {
+      }
+      return l ? Reflect.construct(a, arguments, this.constructor) : a.apply(this, arguments);
+    };
+    t.prototype = a.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
+    var l = Object.getOwnPropertyDescriptor(e, r);
+    Object.defineProperty(t, r, l.get ? l : {
+      enumerable: !0,
+      get: function() {
+        return e[r];
+      }
+    });
+  }), t;
+}
+const F = "_wrapper_1c0o1_1", $ = "_label_1c0o1_14", H = "_labelText_1c0o1_23", V = "_calendarIcon_1c0o1_28", z = "_rangeRow_1c0o1_33", B = "_dateWrap_1c0o1_41", D = "_innerLabel_1c0o1_49", U = "_dateInput_1c0o1_54", Z = "_sepWrap_1c0o1_68", G = "_separator_1c0o1_75", K = "_samplingWrap_1c0o1_80", q = "_samplingLabel_1c0o1_89", J = "_samplingSelect_1c0o1_93", n = {
+  wrapper: F,
+  label: $,
+  labelText: H,
+  calendarIcon: V,
+  rangeRow: z,
+  dateWrap: B,
+  innerLabel: D,
+  dateInput: U,
+  sepWrap: Z,
+  separator: G,
+  samplingWrap: K,
+  samplingLabel: q,
+  samplingSelect: J
+};
+function re({
+  start: e = "",
+  end: a = "",
+  onChange: t,
+  sampling: r = "day",
+  onSamplingChange: l,
+  labels: i = {},
+  samplingOptions: g = {},
+  className: h = ""
+}) {
+  const c = {
+    period: "Période",
+    start: "Début",
+    end: "Fin",
+    sampling: "Échantillonnage",
+    ...i
+  }, d = {
+    hour: "Par heure",
+    day: "Par jour",
+    week: "Par semaine",
+    month: "Par mois",
+    ...g
+  }, [u, w] = b(e), [f, y] = b(a), [j, C] = b(r), _ = O(null);
+  m(() => w(e), [e]), m(() => y(a), [a]), m(() => C(r), [r]), m(() => {
+    function s(P) {
+      const N = P.target;
+      _.current && N && _.current.contains(N);
+    }
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, []), m(() => {
+    t?.({ start: u, end: f });
+  }, [u, f, t]);
+  const I = (s) => {
+    C(s), l?.(s);
+  };
+  return /* @__PURE__ */ p("div", { className: `${n.wrapper} ${h}`, ref: _, children: [
+    /* @__PURE__ */ p("label", { className: n.label, "aria-hidden": !0, children: [
+      /* @__PURE__ */ p(
+        "svg",
+        {
+          className: n.calendarIcon,
+          xmlns: "http://www.w3.org/2000/svg",
+          viewBox: "0 0 24 24",
+          width: "18",
+          height: "18",
+          "aria-hidden": !0,
+          children: [
+            /* @__PURE__ */ o("path", { fill: "currentColor", d: "M7 10h5v5H7z", opacity: "0" }),
+            /* @__PURE__ */ o(
+              "path",
+              {
+                fill: "currentColor",
+                d: "M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 00-2 2v12a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2zM5 20V9h14l.002 11H5z"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ o("span", { className: n.labelText, children: c.period })
+    ] }),
+    /* @__PURE__ */ p("div", { className: n.rangeRow, children: [
+      /* @__PURE__ */ p("div", { className: n.dateWrap, children: [
+        /* @__PURE__ */ o("label", { className: n.innerLabel, htmlFor: "period-from", children: c.start }),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            id: "period-from",
+            className: n.dateInput,
+            type: "date",
+            value: u,
+            onChange: (s) => w(s.target.value),
+            "aria-label": c.start
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { className: n.sepWrap, "aria-hidden": !0, children: /* @__PURE__ */ o("span", { className: n.separator, children: "—" }) }),
+      /* @__PURE__ */ p("div", { className: n.dateWrap, children: [
+        /* @__PURE__ */ o("label", { className: n.innerLabel, htmlFor: "period-to", children: c.end }),
+        /* @__PURE__ */ o("div", { className: n.inputWithIcon, children: /* @__PURE__ */ o(
+          "input",
+          {
+            id: "period-to",
+            className: n.dateInput,
+            type: "date",
+            value: f,
+            onChange: (s) => y(s.target.value),
+            "aria-label": c.end
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ p("div", { className: n.samplingWrap, children: [
+        /* @__PURE__ */ o("label", { className: n.samplingLabel, htmlFor: "period-sampling", children: c.sampling }),
+        /* @__PURE__ */ p(
+          "select",
+          {
+            id: "period-sampling",
+            className: n.samplingSelect,
+            value: j,
+            onChange: (s) => I(s.target.value),
+            "aria-label": c.sampling,
+            children: [
+              /* @__PURE__ */ o("option", { value: "hour", children: d.hour }),
+              /* @__PURE__ */ o("option", { value: "day", children: d.day }),
+              /* @__PURE__ */ o("option", { value: "week", children: d.week }),
+              /* @__PURE__ */ o("option", { value: "month", children: d.month })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  A as I,
+  Y as M,
+  re as P,
+  ee as a,
+  te as b,
+  T as c,
+  ae as g
+};