npm - @isettingkit/business-rules - Versions diffs - 0.1.6 → 0.1.8 - Mend

@isettingkit/business-rules 0.1.6 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.es.d.ts CHANGED Viewed

@@ -14,23 +14,7 @@ export declare interface IBusinessRuleCard {
 export declare interface IBusinessRuleView {
     decision: IRuleDecision;
-    textValues: {
-        selectOptions: string;
-        selectOption: string;
-        rangeMin: (label: string) => string;
-        rangeMax: (label: string) => string;
-        reasonForChange: string;
-        change: string;
-        changePlaceholder: string;
-        termStart: string;
-        termEnd: string;
-        cancel: string;
-        confirm: string;
-        none: string;
-        FactsThatConditionIt: string;
-        criteria: string;
-        Terms: string;
-    };
+    textValues: IRulesFormTextValues;
 }
 export declare interface IRulesForm {
@@ -39,22 +23,25 @@ export declare interface IRulesForm {
     onCloseModal: () => void;
     onCancel: () => void;
     onSubmitEvent: (dataDecision: IRuleDecision) => void;
-    textValues: {
-        selectOptions: string;
-        selectOption: string;
-        rangeMin: (label: string) => string;
-        rangeMax: (label: string) => string;
-        reasonForChange: string;
-        change: string;
-        changePlaceholder: string;
-        termStart: string;
-        termEnd: string;
-        cancel: string;
-        confirm: string;
-        none: string;
-        FactsThatConditionIt: string;
-        criteria: string;
-    };
+    textValues: IRulesFormTextValues;
+}
+declare interface IRulesFormTextValues {
+    cancel: string;
+    change: string;
+    changePlaceholder: string;
+    confirm: string;
+    criteria: string;
+    factsThatConditionIt: string;
+    none: string;
+    rangeMax: (label: string) => string;
+    rangeMin: (label: string) => string;
+    reasonForChange: string;
+    selectOption: string;
+    selectOptions: string;
+    termEnd: string;
+    terms: string;
+    termStart: string;
 }
 export declare const RulesForm: (prop: IRulesForm) => JSX_2.Element;

package/dist/index.es.js CHANGED Viewed

@@ -1,91 +1,91 @@
-import { jsxs as c, jsx as n, Fragment as z } from "react/jsx-runtime";
-import { useState as S, useEffect as N } from "react";
-import { useFormik as R } from "formik";
-import { Divider as T } from "@inubekit/divider";
+import { jsxs as c, jsx as e, Fragment as j } from "react/jsx-runtime";
+import { useFormik as N } from "formik";
+import { useState as D, useEffect as R } from "react";
+import { DecisionConditionRenderer as O, ValueValidationSchema as $, ValueHowToSetUp as T, ValueDataType as F } from "@isettingkit/input";
+import { Divider as y } from "@inubekit/divider";
 import { Stack as a } from "@inubekit/stack";
 import { Text as x } from "@inubekit/text";
 import { Toggle as U } from "@inubekit/toggle";
-import { Textarea as $ } from "@inubekit/textarea";
-import { Date as F } from "@inubekit/date";
-import { Checkbox as _ } from "@inubekit/checkbox";
-import { DecisionConditionRenderer as O, ValueValidationSchema as q, ValueHowToSetUp as y, ValueDataType as A } from "@isettingkit/input";
+import { Textarea as _ } from "@inubekit/textarea";
+import { Date as A } from "@inubekit/date";
+import { Checkbox as q } from "@inubekit/checkbox";
 import { Button as L } from "@inubekit/button";
 import { DecisionViewConditionRenderer as E } from "@isettingkit/view";
 import { MdOutlineRemoveRedEye as B, MdOutlineDelete as Q } from "react-icons/md";
 import { Icon as H } from "@inubekit/icon";
 import { inube as G } from "@inubekit/foundations";
 import I from "styled-components";
-const P = (r) => {
+const P = (o) => {
   const {
-    label: e,
+    label: n,
     labelText: i,
     onHandleChange: l,
     placeholder: d,
-    required: s,
-    value: h = ""
-  } = r, [o, p] = S(h);
+    required: h,
+    value: u = ""
+  } = o, [r, g] = D(u);
   return /* @__PURE__ */ c(a, { direction: "column", margin: "10px 4px", children: [
-    /* @__PURE__ */ n(x, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: i }),
-    /* @__PURE__ */ n(a, { margin: "10px 0", children: /* @__PURE__ */ n(
-      $,
+    /* @__PURE__ */ e(x, { size: "large", appearance: "gray", weight: "bold", margin: "10px 0", children: i }),
+    /* @__PURE__ */ e(a, { margin: "10px 0", children: /* @__PURE__ */ e(
+      _,
       {
         id: "reasonChange",
-        label: e,
-        onChange: (u) => {
-          p(u.target.value), l(u);
+        label: n,
+        onChange: (p) => {
+          g(p.target.value), l(p);
         },
         placeholder: d,
-        required: s,
-        value: o,
+        required: h,
+        value: r,
         maxLength: 120,
         fullwidth: !0
       }
     ) })
   ] });
-}, Z = (r) => {
+}, Z = (o) => {
   const {
-    checked: e,
+    checked: n,
     children: i,
     handleToggleChange: l,
     id: d,
-    labelToggle: s,
-    name: h,
-    valueToggle: o = ""
-  } = r, [p, g] = S(e), u = (f) => {
-    g(f.target.checked), l(f);
+    labelToggle: h,
+    name: u,
+    valueToggle: r = ""
+  } = o, [g, C] = D(n), p = (f) => {
+    C(f.target.checked), l(f);
   };
-  return N(() => {
-    g(e);
-  }, [e]), /* @__PURE__ */ c(z, { children: [
-    /* @__PURE__ */ n(
+  return R(() => {
+    C(n);
+  }, [n]), /* @__PURE__ */ c(j, { children: [
+    /* @__PURE__ */ e(
       U,
       {
-        checked: p,
+        checked: g,
         id: d,
         margin: "10px",
-        name: h,
-        onChange: u,
+        name: u,
+        onChange: p,
         size: "small",
-        value: o,
-        children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: s })
+        value: r,
+        children: /* @__PURE__ */ e(x, { size: "medium", type: "label", weight: "bold", children: h })
       }
     ),
-    p && /* @__PURE__ */ n(z, { children: i })
+    g && /* @__PURE__ */ e(j, { children: i })
   ] });
-}, J = (r) => {
+}, J = (o) => {
   const {
-    onHandleStartChange: e,
+    onHandleStartChange: n,
     onHandleEndChange: i,
     labelStart: l,
     labelEnd: d,
-    checkedClosed: s = !1,
-    required: h = !1,
-    valueStart: o = "",
-    valueEnd: p = ""
-  } = r, [g, u] = S(s), [f, w] = S(o), [v, k] = S(p);
-  return /* @__PURE__ */ c(z, { children: [
+    checkedClosed: h = !1,
+    required: u = !1,
+    valueStart: r = "",
+    valueEnd: g = ""
+  } = o, [C, p] = D(h), [f, w] = D(r), [S, k] = D(g);
+  return /* @__PURE__ */ c(j, { children: [
     /* @__PURE__ */ c(a, { direction: "row", justifyContent: "space-between", margin: "10px 0", children: [
-      /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(
+      /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(
         x,
         {
           appearance: "gray",
@@ -96,21 +96,21 @@ const P = (r) => {
           children: "Vigencia"
         }
       ) }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ e(
         a,
         {
           alignContent: "center",
           justifyContent: "center",
           wrap: "wrap",
           gap: "4px",
-          children: /* @__PURE__ */ n(
-            _,
+          children: /* @__PURE__ */ e(
+            q,
             {
               label: "Cerrada",
               onChange: ({ target: t }) => {
-                u(t.checked);
+                p(t.checked);
               },
-              checked: g,
+              checked: C,
               value: ""
             }
           )
@@ -118,62 +118,62 @@ const P = (r) => {
       )
     ] }),
     /* @__PURE__ */ c(a, { justifyContent: "space-between", gap: "24px", children: [
-      /* @__PURE__ */ n(a, { width: "189px", children: /* @__PURE__ */ n(
-        F,
+      /* @__PURE__ */ e(a, { width: "189px", children: /* @__PURE__ */ e(
+        A,
         {
           id: "dateStart",
           label: l,
           onChange: (t) => {
-            w(t.target.value), e(t);
+            w(t.target.value), n(t);
           },
           value: f,
-          required: h,
+          required: u,
           size: "compact"
         }
       ) }),
-      g && /* @__PURE__ */ n(a, { width: "189px", children: /* @__PURE__ */ n(
-        F,
+      C && /* @__PURE__ */ e(a, { width: "189px", children: /* @__PURE__ */ e(
+        A,
         {
           id: "dateEnd",
           label: d,
           onChange: (t) => {
             k(t.target.value), i(t);
           },
-          value: v,
-          required: h,
+          value: S,
+          required: u,
           size: "compact"
         }
       ) })
     ] })
   ] });
-}, K = (r) => {
-  var D;
+}, K = (o) => {
+  var m;
   const {
-    decision: e,
+    decision: n,
     formik: i,
     onChangeCondition: l,
     onChangeDecision: d,
-    onStartChange: s,
-    onEndChange: h,
-    textValues: o,
-    onCancel: p,
-    onSubmit: g
-  } = r, [u, f] = S(!1), [w, v] = S(!0), k = (t) => {
+    onStartChange: h,
+    onEndChange: u,
+    textValues: r,
+    onCancel: g,
+    onSubmit: C
+  } = o, [p, f] = D(!1), [w, S] = D(!0), k = (t) => {
     f(t.target.checked);
-  }, C = (t) => {
-    t.target.value ? v(!1) : v(!0);
-  }, m = (t, b) => t.errors[b] ? "invalid" : "pending";
+  }, v = (t) => {
+    t.target.value ? S(!1) : S(!0);
+  }, s = (t, b) => t.errors[b] ? "invalid" : "pending";
   return /* @__PURE__ */ c(a, { direction: "column", gap: "24px", children: [
     /* @__PURE__ */ c(a, { direction: "column", gap: "16", children: [
-      /* @__PURE__ */ n(x, { weight: "bold", size: "medium", children: o.criteria }),
-      e.decision && /* @__PURE__ */ n(
+      /* @__PURE__ */ e(x, { weight: "bold", size: "medium", children: r.criteria }),
+      n.decision && /* @__PURE__ */ e(
         O,
         {
-          element: e.decision,
+          element: n.decision,
           onDecision: d,
-          valueData: i.values[e.decision.name],
-          message: i.errors[e.decision.name],
-          status: m(i, e.decision.name),
+          valueData: i.values[n.decision.name],
+          message: i.errors[n.decision.name],
+          status: s(i, n.decision.name),
           textValues: {
             selectOptions: "Select an option",
             selectOption: "Option selected",
@@ -183,25 +183,25 @@ const P = (r) => {
         }
       )
     ] }),
-    /* @__PURE__ */ n(T, { dashed: !0 }),
+    /* @__PURE__ */ e(y, { dashed: !0 }),
     /* @__PURE__ */ c(a, { direction: "column", children: [
       /* @__PURE__ */ c(a, { direction: "row", gap: "16px", justifyContent: "space-between", children: [
-        /* @__PURE__ */ n(x, { children: o.FactsThatConditionIt }),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ e(x, { children: r.factsThatConditionIt }),
+        /* @__PURE__ */ e(
           U,
           {
             id: "toogleNone",
             onChange: k,
-            checked: u,
+            checked: p,
             size: "small",
-            children: /* @__PURE__ */ n(x, { size: "medium", type: "label", weight: "bold", children: o.none })
+            children: /* @__PURE__ */ e(x, { size: "medium", type: "label", weight: "bold", children: r.none })
           }
         )
       ] }),
-      e.conditions && e.conditions.map((t) => /* @__PURE__ */ n(a, { direction: "column", children: /* @__PURE__ */ n(
+      n.conditions && n.conditions.map((t) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
         Z,
         {
-          checked: !u,
+          checked: !p,
           handleToggleChange: (b) => {
             b.target.checked || l(
               {
@@ -216,14 +216,14 @@ const P = (r) => {
           id: t.name.replace(" ", ""),
           labelToggle: t.name.split(/(?=[A-Z])/).join(" "),
           name: t.name.replace(" ", ""),
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ e(
             O,
             {
               element: t,
               onDecision: l,
               valueData: i.values[t.name],
               message: i.errors[t.name],
-              status: m(i, t.name),
+              status: s(i, t.name),
               textValues: {
                 selectOptions: "Select an option",
                 selectOption: "Option selected",
@@ -235,166 +235,166 @@ const P = (r) => {
         }
       ) }, t.name))
     ] }),
-    /* @__PURE__ */ n(T, { dashed: !0 }),
-    /* @__PURE__ */ n(a, { direction: "column", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ e(y, { dashed: !0 }),
+    /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
       P,
       {
-        label: o.reasonForChange,
-        labelText: o.change,
-        onHandleChange: C,
-        placeholder: o.changePlaceholder,
+        label: r.reasonForChange,
+        labelText: r.change,
+        onHandleChange: v,
+        placeholder: r.changePlaceholder,
         required: !0
       }
     ) }),
-    /* @__PURE__ */ n(T, { dashed: !0 }),
-    /* @__PURE__ */ n(a, { direction: "column", children: e.decision && /* @__PURE__ */ n(
+    /* @__PURE__ */ e(y, { dashed: !0 }),
+    /* @__PURE__ */ e(a, { direction: "column", children: n.decision && /* @__PURE__ */ e(
       J,
       {
-        onHandleStartChange: (t) => s(t.target.value),
-        onHandleEndChange: (t) => h(t.target.value),
-        labelStart: o.termStart,
-        labelEnd: o.termEnd,
-        checkedClosed: !!e.decision.endDate,
-        valueStart: e.decision.startDate.toLocaleDateString(
+        onHandleStartChange: (t) => h(t.target.value),
+        onHandleEndChange: (t) => u(t.target.value),
+        labelStart: r.termStart,
+        labelEnd: r.termEnd,
+        checkedClosed: !!n.decision.endDate,
+        valueStart: n.decision.startDate.toLocaleDateString(
           "en-CA"
         ),
-        valueEnd: ((D = e.decision.endDate) == null ? void 0 : D.toLocaleDateString("en-CA")) || ""
+        valueEnd: ((m = n.decision.endDate) == null ? void 0 : m.toLocaleDateString("en-CA")) || ""
       }
     ) }),
-    /* @__PURE__ */ n(T, { dashed: !0 }),
+    /* @__PURE__ */ e(y, { dashed: !0 }),
     /* @__PURE__ */ c(a, { direction: "row", justifyContent: "end", gap: "16px", children: [
-      /* @__PURE__ */ n(L, { appearance: "gray", onClick: p, children: o.cancel }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ e(L, { appearance: "gray", onClick: g, children: r.cancel }),
+      /* @__PURE__ */ e(
         L,
         {
-          onClick: g,
+          onClick: C,
           disabled: w || !i.isValid,
           type: "submit",
-          children: o.confirm
+          children: r.confirm
         }
       )
     ] })
   ] });
-}, j = (r, e, i) => ({
-  ...r,
-  decision: { ...r.decision, [e]: i }
-}), Ce = (r) => {
-  const { id: e, decision: i, onCancel: l, onSubmitEvent: d, textValues: s } = r, [h, o] = S(i), p = (C, m) => {
-    o((D) => {
-      var b;
-      const t = (b = D == null ? void 0 : D.conditions) == null ? void 0 : b.map((V) => V.name === m ? { ...V, value: C } : V);
-      return { ...D, conditions: t };
+}, Ce = (o) => {
+  const { id: n, decision: i, onCancel: l, onSubmitEvent: d, textValues: h } = o, [u, r] = D(i), g = (s, m) => {
+    r((t) => {
+      var z;
+      const b = (z = t == null ? void 0 : t.conditions) == null ? void 0 : z.map((V) => V.name === m ? { ...V, value: s } : V);
+      return { ...t, conditions: b };
     });
-  }, g = (C) => {
-    o(
-      (m) => j(m, "value", C)
+  }, C = (s) => {
+    r(
+      (m) => v(m, "value", s)
     );
-  }, u = (C) => {
-    o(
-      (m) => j(m, "startDate", new Date(C))
+  }, p = (s) => {
+    r(
+      (m) => v(m, "endDate", new Date(s))
     );
-  }, f = (C) => {
-    o(
-      (m) => j(m, "endDate", new Date(C))
+  }, f = (s) => {
+    r(
+      (m) => v(m, "startDate", new Date(s))
     );
-  }, { validationSchema: w, initialValues: v } = q(h), k = R({
-    initialValues: v,
+  }, { validationSchema: w, initialValues: S } = $(u), k = N({
+    initialValues: S,
     validationSchema: w,
     validateOnChange: !1,
     onSubmit: () => {
-      d(h);
+      d(u);
     }
+  }), v = (s, m, t) => ({
+    ...s,
+    decision: { ...s.decision, [m]: t }
   });
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(
     K,
     {
-      id: e,
+      id: n,
       formik: k,
-      decision: h,
+      decision: u,
       onCancel: l,
-      onSubmit: () => d(h),
-      onChangeCondition: p,
-      onChangeDecision: g,
-      onStartChange: u,
-      onEndChange: f,
-      textValues: s
+      onSubmit: () => d(u),
+      onChangeCondition: g,
+      onChangeDecision: C,
+      onStartChange: f,
+      onEndChange: p,
+      textValues: h
     }
   );
-}, M = (r) => {
-  if (!r)
+}, M = (o) => {
+  if (!o)
     return;
-  const e = r.value || r.possibleValue;
-  if (!e)
+  const n = o.value || o.possibleValue;
+  if (!n)
     return;
-  if (((l) => typeof l == "object" && l !== null)(e))
-    switch (r.howToSetUp) {
-      case y.LIST_OF_VALUES_MULTI:
-        return e.listSelected;
-      case y.LIST_OF_VALUES:
-        return e.listSelected ?? e.list;
-      case y.RANGE:
+  if (((l) => typeof l == "object" && l !== null)(n))
+    switch (o.howToSetUp) {
+      case T.LIST_OF_VALUES_MULTI:
+        return n.listSelected;
+      case T.LIST_OF_VALUES:
+        return n.listSelected ?? n.list;
+      case T.RANGE:
         return {
-          rangeFrom: e.rangeFrom,
-          rangeTo: e.rangeTo
+          rangeFrom: n.rangeFrom,
+          rangeTo: n.rangeTo
         };
       default:
-        return e.value;
+        return n.value;
     }
-  return e;
-}, be = (r) => {
+  return n;
+}, be = (o) => {
   var l, d;
-  const { decision: e, textValues: i } = r;
+  const { decision: n, textValues: i } = o;
   return /* @__PURE__ */ c(a, { direction: "column", gap: "24px", children: [
     /* @__PURE__ */ c(a, { direction: "column", gap: "16px", children: [
-      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.criteria }),
-      /* @__PURE__ */ n(a, { justifyContent: "space-between", children: e.decision && /* @__PURE__ */ n(a, { direction: "column", children: /* @__PURE__ */ n(
+      /* @__PURE__ */ e(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.criteria }),
+      /* @__PURE__ */ e(a, { justifyContent: "space-between", children: n.decision && /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
         E,
         {
-          element: e.decision,
-          valueData: M(e.decision)
+          element: n.decision,
+          valueData: M(n.decision)
         }
-      ) }, e.decision.name) })
+      ) }, n.decision.name) })
     ] }),
     /* @__PURE__ */ c(a, { direction: "column", gap: "16px", justifyContent: "space-between", children: [
-      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.FactsThatConditionIt }),
-      e.conditions && e.conditions.map((s) => /* @__PURE__ */ n(a, { direction: "column", children: /* @__PURE__ */ n(
+      /* @__PURE__ */ e(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.factsThatConditionIt }),
+      n.conditions && n.conditions.map((h) => /* @__PURE__ */ e(a, { direction: "column", children: /* @__PURE__ */ e(
         E,
         {
-          element: s,
-          valueData: M(s)
+          element: h,
+          valueData: M(h)
         }
-      ) }, s.name))
+      ) }, h.name))
     ] }),
     /* @__PURE__ */ c(a, { direction: "column", gap: "12px", children: [
-      /* @__PURE__ */ n(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.Terms }),
+      /* @__PURE__ */ e(x, { type: "title", size: "medium", appearance: "gray", weight: "bold", children: i.terms }),
       /* @__PURE__ */ c(a, { justifyContent: "space-between", children: [
-        ((l = e == null ? void 0 : e.decision) == null ? void 0 : l.startDate) && /* @__PURE__ */ n(
+        ((l = n == null ? void 0 : n.decision) == null ? void 0 : l.startDate) && /* @__PURE__ */ e(
           E,
           {
             element: {
               name: "startDate",
               description: i.termStart,
-              value: String(e.startDate),
-              howToSetUp: y.EQUAL,
-              typeData: A.DATE
+              value: String(n.startDate),
+              howToSetUp: T.EQUAL,
+              typeData: F.DATE
             },
             valueData: new Date(
-              e.decision.startDate
+              n.decision.startDate
             ).toLocaleDateString("en-CA")
           },
           "startDate"
         ),
-        ((d = e == null ? void 0 : e.decision) == null ? void 0 : d.endDate) && /* @__PURE__ */ n(
+        ((d = n == null ? void 0 : n.decision) == null ? void 0 : d.endDate) && /* @__PURE__ */ e(
           E,
           {
             element: {
               name: "endDate",
               description: i.termEnd,
-              value: String(e.endDate),
-              howToSetUp: y.EQUAL,
-              typeData: A.DATE
+              value: String(n.endDate),
+              howToSetUp: T.EQUAL,
+              typeData: F.DATE
             },
-            valueData: new Date(e.decision.endDate).toLocaleDateString(
+            valueData: new Date(n.decision.endDate).toLocaleDateString(
               "en-CA"
             )
           },
@@ -430,32 +430,32 @@ const P = (r) => {
     background-color: #ebecf0;
     border-radius: 8px;
   }
-`, xe = (r) => {
-  const { children: e, handleDelete: i, handleView: l, id: d } = r;
+`, xe = (o) => {
+  const { children: n, handleDelete: i, handleView: l, id: d } = o;
   return /* @__PURE__ */ c(W, { children: [
-    /* @__PURE__ */ n(a, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ n(X, { children: /* @__PURE__ */ n(a, { direction: "column", margin: "10px", children: e }) }) }),
+    /* @__PURE__ */ e(a, { height: "282px", gap: "24px", direction: "column", children: /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(a, { direction: "column", margin: "10px", children: n }) }) }),
     /* @__PURE__ */ c(a, { gap: "16px", direction: "column", margin: "2px 12px", children: [
-      /* @__PURE__ */ n(T, {}),
+      /* @__PURE__ */ e(y, {}),
       /* @__PURE__ */ c(a, { gap: "16px", justifyContent: "end", children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ e(
           H,
           {
             appearance: "dark",
             size: "24px",
             cursorHover: !0,
-            icon: /* @__PURE__ */ n(B, {}),
+            icon: /* @__PURE__ */ e(B, {}),
             onClick: () => {
               l(d);
             }
           }
         ),
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ e(
           H,
           {
             cursorHover: !0,
             appearance: "dark",
             size: "24px",
-            icon: /* @__PURE__ */ n(Q, {}),
+            icon: /* @__PURE__ */ e(Q, {}),
             onClick: () => {
               i(d);
             }

package/package.json CHANGED Viewed

@@ -10,7 +10,7 @@
   ],
   "description": "",
   "private": false,
-  "version": "0.1.6",
+  "version": "0.1.8",
   "type": "module",
   "exports": {
     ".": {