@hudoro/accordion - npm Package Compare versions

Comparing version 0.0.1-beta.8 to 0.0.1-beta.9

dist/accordion.es.js

@@ -1,2 +0,2 @@
-import Sr, { createContext as ce, useRef as le, useContext as de } from "react";
+import Sr, { createContext as ce, useRef as le, useContext as fe } from "react";
 var Q = { exports: {} }, $ = {};
@@ -13,3 +13,3 @@ /**
 var xr;
-function fe() {
+function de() {
   if (xr)
@@ -19,11 +19,11 @@ return $;
   var m = Sr, v = Symbol.for("react.element"), c = Symbol.for("react.fragment"), E = Object.prototype.hasOwnProperty, s = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, S = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function C(R, f, w) {
-    var h, b = {}, _ = null, O = null;
-    w !== void 0 && (_ = "" + w), f.key !== void 0 && (_ = "" + f.key), f.ref !== void 0 && (O = f.ref);
-    for (h in f)
-      E.call(f, h) && !S.hasOwnProperty(h) && (b[h] = f[h]);
+  function C(R, d, w) {
+    var h, b = {}, _ = null, P = null;
+    w !== void 0 && (_ = "" + w), d.key !== void 0 && (_ = "" + d.key), d.ref !== void 0 && (P = d.ref);
+    for (h in d)
+      E.call(d, h) && !S.hasOwnProperty(h) && (b[h] = d[h]);
     if (R && R.defaultProps)
-      for (h in f = R.defaultProps, f)
-        b[h] === void 0 && (b[h] = f[h]);
-    return { $$typeof: v, type: R, key: _, ref: O, props: b, _owner: s.current };
+      for (h in d = R.defaultProps, d)
+        b[h] === void 0 && (b[h] = d[h]);
+    return { $$typeof: v, type: R, key: _, ref: P, props: b, _owner: s.current };
   }
@@ -45,4 +45,4 @@ return $.Fragment = c, $.jsx = C, $.jsxs = C, $;
   return Tr || (Tr = 1, process.env.NODE_ENV !== "production" && function() {
-    var m = Sr, v = Symbol.for("react.element"), c = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), R = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), F = Symbol.iterator, L = "@@iterator";
-    function Pr(r) {
+    var m = Sr, v = Symbol.for("react.element"), c = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), S = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), R = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), F = Symbol.iterator, L = "@@iterator";
+    function Or(r) {
       if (r === null || typeof r != "object")
@@ -74,3 +74,3 @@ return null;
     function Ir(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === E || r === S || Lr || r === s || r === w || r === h || Fr || r === O || kr || Ar || Dr || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === b || r.$$typeof === C || r.$$typeof === R || r.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof r == "string" || typeof r == "function" || r === E || r === S || Lr || r === s || r === w || r === h || Fr || r === P || kr || Ar || Dr || typeof r == "object" && r !== null && (r.$$typeof === _ || r.$$typeof === b || r.$$typeof === C || r.$$typeof === R || r.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
@@ -120,3 +120,3 @@ // we don't know which Flight build this will end up being used
             return er(n._context) + ".Provider";
-          case f:
+          case d:
             return Wr(r, r.render, "ForwardRef");
@@ -137,3 +137,3 @@ case b:
     }
-    var P = Object.assign, I = 0, nr, tr, ar, or, ir, ur, sr;
+    var O = Object.assign, I = 0, nr, tr, ar, or, ir, ur, sr;
     function cr() {
@@ -174,21 +174,21 @@ }
           Object.defineProperties(console, {
-            log: P({}, r, {
+            log: O({}, r, {
               value: nr
             }),
-            info: P({}, r, {
+            info: O({}, r, {
               value: tr
             }),
-            warn: P({}, r, {
+            warn: O({}, r, {
               value: ar
             }),
-            error: P({}, r, {
+            error: O({}, r, {
               value: or
             }),
-            group: P({}, r, {
+            group: O({}, r, {
               value: ir
             }),
-            groupCollapsed: P({}, r, {
+            groupCollapsed: O({}, r, {
               value: ur
             }),
-            groupEnd: P({}, r, {
+            groupEnd: O({}, r, {
               value: sr
@@ -270,9 +270,9 @@ })
 `), g = t.stack.split(`
-`), l = a.length - 1, d = g.length - 1; l >= 1 && d >= 0 && a[l] !== g[d]; )
-            d--;
-          for (; l >= 1 && d >= 0; l--, d--)
-            if (a[l] !== g[d]) {
-              if (l !== 1 || d !== 1)
+`), l = a.length - 1, f = g.length - 1; l >= 1 && f >= 0 && a[l] !== g[f]; )
+            f--;
+          for (; l >= 1 && f >= 0; l--, f--)
+            if (a[l] !== g[f]) {
+              if (l !== 1 || f !== 1)
                 do
-                  if (l--, d--, d < 0 || a[l] !== g[d]) {
+                  if (l--, f--, f < 0 || a[l] !== g[f]) {
                     var y = `
@@ -282,3 +282,3 @@ ` + a[l].replace(" at new ", " at ");
                   }
-                while (l >= 1 && d >= 0);
+                while (l >= 1 && f >= 0);
               break;
@@ -315,3 +315,3 @@ }
         switch (r.$$typeof) {
-          case f:
+          case d:
             return Mr(r.render);
@@ -330,9 +330,9 @@ case b:
     }
-    var U = Object.prototype.hasOwnProperty, dr = {}, fr = k.ReactDebugCurrentFrame;
+    var U = Object.prototype.hasOwnProperty, fr = {}, dr = k.ReactDebugCurrentFrame;
     function q(r) {
       if (r) {
         var e = r._owner, n = V(r.type, r._source, e ? e.type : null);
-        fr.setExtraStackFrame(n);
+        dr.setExtraStackFrame(n);
       } else
-        fr.setExtraStackFrame(null);
+        dr.setExtraStackFrame(null);
     }
@@ -354,3 +354,3 @@ function Ur(r, e, n, t, i) {
             }
-            a && !(a instanceof Error) && (q(i), p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", t || "React class", n, o, typeof a), q(null)), a instanceof Error && !(a.message in dr) && (dr[a.message] = !0, q(i), p("Failed %s type: %s", n, a.message), q(null));
+            a && !(a instanceof Error) && (q(i), p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", t || "React class", n, o, typeof a), q(null)), a instanceof Error && !(a.message in fr) && (fr[a.message] = !0, q(i), p("Failed %s type: %s", n, a.message), q(null));
           }
@@ -388,4 +388,4 @@ }
       __source: !0
-    }, pr, gr, H;
-    H = {};
+    }, pr, gr, K;
+    K = {};
     function Gr(r) {
@@ -399,3 +399,3 @@ if (U.call(r, "ref")) {
     }
-    function Hr(r) {
+    function Kr(r) {
       if (U.call(r, "key")) {
@@ -408,6 +408,6 @@ var e = Object.getOwnPropertyDescriptor(r, "key").get;
     }
-    function Kr(r, e) {
+    function Hr(r, e) {
       if (typeof r.ref == "string" && W.current && e && W.current.stateNode !== e) {
         var n = x(W.current.type);
-        H[n] || (p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', x(W.current.type), r.ref), H[n] = !0);
+        K[n] || (p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', x(W.current.type), r.ref), K[n] = !0);
       }
@@ -469,3 +469,3 @@ }
         var u, o = {}, a = null, g = null;
-        n !== void 0 && (hr(n), a = "" + n), Hr(e) && (hr(e.key), a = "" + e.key), Gr(e) && (g = e.ref, Kr(e, i));
+        n !== void 0 && (hr(n), a = "" + n), Kr(e) && (hr(e.key), a = "" + e.key), Gr(e) && (g = e.ref, Hr(e, i));
         for (u in e)
@@ -479,4 +479,4 @@ U.call(e, u) && !zr.hasOwnProperty(u) && (o[u] = e[u]);
         if (a || g) {
-          var d = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          a && Xr(o, d), g && Zr(o, d);
+          var f = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          a && Xr(o, f), g && Zr(o, f);
         }
@@ -486,3 +486,3 @@ return Qr(r, a, g, i, t, W.current, o);
     }
-    var K = k.ReactCurrentOwner, mr = k.ReactDebugCurrentFrame;
+    var H = k.ReactCurrentOwner, mr = k.ReactDebugCurrentFrame;
     function A(r) {
@@ -502,4 +502,4 @@ if (r) {
       {
-        if (K.current) {
-          var r = x(K.current.type);
+        if (H.current) {
+          var r = x(H.current.type);
           if (r)
@@ -547,3 +547,3 @@ return `
         var t = "";
-        r && r._owner && r._owner !== K.current && (t = " It was passed a child from " + x(r._owner.type) + "."), A(r), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, t), A(null);
+        r && r._owner && r._owner !== H.current && (t = " It was passed a child from " + x(r._owner.type) + "."), A(r), p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, t), A(null);
       }
@@ -563,3 +563,3 @@ }
         else if (r) {
-          var i = Pr(r);
+          var i = Or(r);
           if (typeof i == "function" && i !== r.entries)
@@ -579,3 +579,3 @@ for (var u = i.call(r), o; !(o = u.next()).done; )
           n = e.propTypes;
-        else if (typeof e == "object" && (e.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof e == "object" && (e.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
@@ -620,5 +620,5 @@ e.$$typeof === b))
         }
-        var d = re(r, e, n, i, u);
-        if (d == null)
-          return d;
+        var f = re(r, e, n, i, u);
+        if (f == null)
+          return f;
         if (o) {
@@ -637,3 +637,3 @@ var y = e.children;
         }
-        return r === E ? ae(d) : te(d), d;
+        return r === E ? ae(f) : te(f), f;
       }
@@ -651,38 +651,8 @@ }
 }
-process.env.NODE_ENV === "production" ? Q.exports = fe() : Q.exports = ve();
+process.env.NODE_ENV === "production" ? Q.exports = de() : Q.exports = ve();
 var j = Q.exports;
-const he = `:root {
-  /* gray */
-  --hsd-ui-color-gray-300: #d1d5db;
-  --hsd-ui-color-gray-200: #e5e7eb;
-
-  /* radii */
-  --hsd-ui-radii-md: 0.375rem; /* 6px */
-
-  /* spacing by type */
-  --hsd-ui-spacing-md: 1rem; /* 16px */
-
-  /* BOX SHADOW */
-  --hsd-ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),
-    0 2px 4px -2px rgb(0 0 0 / 0.1);
-
-  /* new root css */
-
-  /* border width */
-  --hsd-ui-accordion-border-width: var(--hsd-ui-border, 1px);
-
-  /* color */
-  --hsd-ui-accordion-primary-color: var(--hsd-ui-color-gray-300, #d1d5db);
-  --hsd-ui-accordion-secondary-color: var(--hsd-ui-color-gray-200, #e5e7eb);
-
-  /* border radius */
-  --hsd-ui-accordion-border-radius: var(--hsd-ui-radii-md, 6px);
-}
-
-.hudoro-accordion {
-  border-radius: var(--hsd-ui-accordion-border-radius);
-  border: var(--hsd-ui-accordion-border-width) solid
-    var(--hsd-ui-accordion-secondary-color);
+const he = `.hudoro-accordion {
+  border-radius: var(--hsd-ui-radii-md, 6px);
+  border: var(--hsd-ui-border, 1px) solid var(--hsd-ui-color-gray-200, #e5e7eb);
   background: var(--hsd-ui-color-gray-50);
-  /* box-shadow: var(--hsd-ui-shadow-md); */
   overflow: hidden;
@@ -704,3 +674,2 @@ }
   background: #edf0f2;
-  /* background: var(--hsd-ui-color-gray-300); */
 }
@@ -713,6 +682,6 @@ .hudoro-accordion-button,
 .hudoro-accordion-panel {
-  padding-inline: var(--hsd-ui-spacing-md);
+  padding-inline: var(--hsd-ui-spacing-md, 14px);
 }
 .hudoro-accordion-button {
-  padding: var(--hsd-ui-spacing-md);
+  padding: var(--hsd-ui-spacing-md, 14px);
 }
@@ -724,3 +693,3 @@
   transition: 0.3s;
-  border-bottom: 1px solid var(--hsd-ui-accordion-secondary-color);
+  border-bottom: 1px solid var(--hsd-ui-color-gray-200, #e5e7eb);
 }
@@ -736,4 +705,4 @@ .hudoro-accordion-item:last-child {
 .hudoro-accordion-item.active > .hudoro-accordion-panel {
-  padding-top: var(--hsd-ui-spacing-md);
-  padding-bottom: var(--hsd-ui-spacing-md);
+  padding-top: var(--hsd-ui-spacing-md, 14px);
+  padding-bottom: var(--hsd-ui-spacing-md, 14px);
 }
@@ -754,5 +723,5 @@
 pe(he);
-const Or = ce({ allowMultiple: !1 }), me = ({ children: m, allowMultiple: v = !1 }) => {
+const Pr = ce({ allowMultiple: !1 }), me = ({ children: m, allowMultiple: v = !1 }) => {
   const c = le([]), E = (s) => {
-    var C, R, f, w, h, b, _, O, F;
+    var C, R, d, w, h, b, _, P, F;
     const S = (C = c.current) == null ? void 0 : C.find(
@@ -763,5 +732,5 @@ (L) => L === s
       (L) => L !== s
-    )) : (s.classList.add("active"), (R = s.querySelector(".hudoro-accordion-arrow")) == null || R.classList.add("hudoro-accordion-arrow-active"), (f = c.current) == null || f.push(s)) : (h = c.current) != null && h.length ? c.current[0] === s ? ((b = c.current[0].querySelector(".hudoro-accordion-arrow")) == null || b.classList.remove("hudoro-accordion-arrow-active"), c.current[0].classList.remove("active"), c.current = []) : ((_ = c.current[0].querySelector(".hudoro-accordion-arrow")) == null || _.classList.remove("hudoro-accordion-arrow-active"), c.current[0].classList.remove("active"), c.current = [], s.classList.add("active"), c.current[0] = s, (O = c.current[0].querySelector(".hudoro-accordion-arrow")) == null || O.classList.add("hudoro-accordion-arrow-active")) : (s.classList.add("active"), (F = s.querySelector(".hudoro-accordion-arrow")) == null || F.classList.add("hudoro-accordion-arrow-active"), c.current.push(s));
+    )) : (s.classList.add("active"), (R = s.querySelector(".hudoro-accordion-arrow")) == null || R.classList.add("hudoro-accordion-arrow-active"), (d = c.current) == null || d.push(s)) : (h = c.current) != null && h.length ? c.current[0] === s ? ((b = c.current[0].querySelector(".hudoro-accordion-arrow")) == null || b.classList.remove("hudoro-accordion-arrow-active"), c.current[0].classList.remove("active"), c.current = []) : ((_ = c.current[0].querySelector(".hudoro-accordion-arrow")) == null || _.classList.remove("hudoro-accordion-arrow-active"), c.current[0].classList.remove("active"), c.current = [], s.classList.add("active"), c.current[0] = s, (P = c.current[0].querySelector(".hudoro-accordion-arrow")) == null || P.classList.add("hudoro-accordion-arrow-active")) : (s.classList.add("active"), (F = s.querySelector(".hudoro-accordion-arrow")) == null || F.classList.add("hudoro-accordion-arrow-active"), c.current.push(s));
   };
-  return /* @__PURE__ */ j.jsx(Or.Provider, { value: { allowMultiple: v, handlePushRef: E }, children: /* @__PURE__ */ j.jsx("div", { className: "hudoro-accordion", children: m }) });
+  return /* @__PURE__ */ j.jsx(Pr.Provider, { value: { allowMultiple: v, handlePushRef: E }, children: /* @__PURE__ */ j.jsx("div", { className: "hudoro-accordion", children: m }) });
 }, be = ({ children: m }) => /* @__PURE__ */ j.jsx("div", { className: "hudoro-accordion-item", children: m }), ye = ({
@@ -771,3 +740,3 @@ children: m,
 }) => {
-  const { handlePushRef: c } = de(Or), E = (s) => {
+  const { handlePushRef: c } = fe(Pr), E = (s) => {
     s.currentTarget.parentElement && c && c(s.currentTarget.parentElement);
@@ -774,0 +743,0 @@ };

dist/accordion.umd.js

@@ -9,3 +9,3 @@ (function(E,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],x):(E=typeof globalThis<"u"?globalThis:E||self,x(E.Accordion={},E.React))})(this,function(E,x){"use strict";var z={exports:{}},I={};/**
  * LICENSE file in the root directory of this source tree.
- */var nr;function jr(){if(nr)return I;nr=1;var m=x,v=Symbol.for("react.element"),s=Symbol.for("react.fragment"),R=Object.prototype.hasOwnProperty,u=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,j={key:!0,ref:!0,__self:!0,__source:!0};function O(_,f,T){var h,b={},w=null,k=null;T!==void 0&&(w=""+T),f.key!==void 0&&(w=""+f.key),f.ref!==void 0&&(k=f.ref);for(h in f)R.call(f,h)&&!j.hasOwnProperty(h)&&(b[h]=f[h]);if(_&&_.defaultProps)for(h in f=_.defaultProps,f)b[h]===void 0&&(b[h]=f[h]);return{$$typeof:v,type:_,key:w,ref:k,props:b,_owner:u.current}}return I.Fragment=s,I.jsx=O,I.jsxs=O,I}var W={};/**
+ */var nr;function jr(){if(nr)return I;nr=1;var m=x,v=Symbol.for("react.element"),s=Symbol.for("react.fragment"),R=Object.prototype.hasOwnProperty,c=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,j={key:!0,ref:!0,__self:!0,__source:!0};function P(_,d,T){var h,b={},w=null,k=null;T!==void 0&&(w=""+T),d.key!==void 0&&(w=""+d.key),d.ref!==void 0&&(k=d.ref);for(h in d)R.call(d,h)&&!j.hasOwnProperty(h)&&(b[h]=d[h]);if(_&&_.defaultProps)for(h in d=_.defaultProps,d)b[h]===void 0&&(b[h]=d[h]);return{$$typeof:v,type:_,key:w,ref:k,props:b,_owner:c.current}}return I.Fragment=s,I.jsx=P,I.jsxs=P,I}var W={};/**
  * @license React
@@ -18,7 +18,7 @@ * react-jsx-runtime.development.js
  * LICENSE file in the root directory of this source tree.
- */var tr;function kr(){return tr||(tr=1,process.env.NODE_ENV!=="production"&&function(){var m=x,v=Symbol.for("react.element"),s=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),u=Symbol.for("react.strict_mode"),j=Symbol.for("react.profiler"),O=Symbol.for("react.provider"),_=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),N=Symbol.iterator,Y="@@iterator";function Wr(r){if(r===null||typeof r!="object")return null;var e=N&&r[N]||r[Y];return typeof e=="function"?e:null}var D=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function p(r){{for(var e=arguments.length,n=new Array(e>1?e-1:0),t=1;t<e;t++)n[t-1]=arguments[t];Nr("error",r,n)}}function Nr(r,e,n){{var t=D.ReactDebugCurrentFrame,i=t.getStackAddendum();i!==""&&(e+="%s",n=n.concat([i]));var c=n.map(function(a){return String(a)});c.unshift("Warning: "+e),Function.prototype.apply.call(console[r],console,c)}}var Yr=!1,Mr=!1,Vr=!1,Ur=!1,$r=!1,ir;ir=Symbol.for("react.module.reference");function Br(r){return!!(typeof r=="string"||typeof r=="function"||r===R||r===j||$r||r===u||r===T||r===h||Ur||r===k||Yr||Mr||Vr||typeof r=="object"&&r!==null&&(r.$$typeof===w||r.$$typeof===b||r.$$typeof===O||r.$$typeof===_||r.$$typeof===f||r.$$typeof===ir||r.getModuleId!==void 0))}function qr(r,e,n){var t=r.displayName;if(t)return t;var i=e.displayName||e.name||"";return i!==""?n+"("+i+")":n}function cr(r){return r.displayName||"Context"}function C(r){if(r==null)return null;if(typeof r.tag=="number"&&p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case R:return"Fragment";case s:return"Portal";case j:return"Profiler";case u:return"StrictMode";case T:return"Suspense";case h:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case _:var e=r;return cr(e)+".Consumer";case O:var n=r;return cr(n._context)+".Provider";case f:return qr(r,r.render,"ForwardRef");case b:var t=r.displayName||null;return t!==null?t:C(r.type)||"Memo";case w:{var i=r,c=i._payload,a=i._init;try{return C(a(c))}catch{return null}}}return null}var A=Object.assign,M=0,ur,sr,lr,dr,fr,vr,hr;function pr(){}pr.__reactDisabledLog=!0;function Jr(){{if(M===0){ur=console.log,sr=console.info,lr=console.warn,dr=console.error,fr=console.group,vr=console.groupCollapsed,hr=console.groupEnd;var r={configurable:!0,enumerable:!0,value:pr,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}M++}}function zr(){{if(M--,M===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:A({},r,{value:ur}),info:A({},r,{value:sr}),warn:A({},r,{value:lr}),error:A({},r,{value:dr}),group:A({},r,{value:fr}),groupCollapsed:A({},r,{value:vr}),groupEnd:A({},r,{value:hr})})}M<0&&p("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=D.ReactCurrentDispatcher,H;function U(r,e,n){{if(H===void 0)try{throw Error()}catch(i){var t=i.stack.trim().match(/\n( *(at )?)/);H=t&&t[1]||""}return`
-`+H+r}}var K=!1,$;{var Gr=typeof WeakMap=="function"?WeakMap:Map;$=new Gr}function gr(r,e){if(!r||K)return"";{var n=$.get(r);if(n!==void 0)return n}var t;K=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=G.current,G.current=null,Jr();try{if(e){var a=function(){throw Error()};if(Object.defineProperty(a.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(a,[])}catch(S){t=S}Reflect.construct(r,[],a)}else{try{a.call()}catch(S){t=S}r.call(a.prototype)}}else{try{throw Error()}catch(S){t=S}r()}}catch(S){if(S&&t&&typeof S.stack=="string"){for(var o=S.stack.split(`
+ */var tr;function kr(){return tr||(tr=1,process.env.NODE_ENV!=="production"&&function(){var m=x,v=Symbol.for("react.element"),s=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),c=Symbol.for("react.strict_mode"),j=Symbol.for("react.profiler"),P=Symbol.for("react.provider"),_=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),b=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),k=Symbol.for("react.offscreen"),N=Symbol.iterator,Y="@@iterator";function Wr(r){if(r===null||typeof r!="object")return null;var e=N&&r[N]||r[Y];return typeof e=="function"?e:null}var D=m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function p(r){{for(var e=arguments.length,n=new Array(e>1?e-1:0),t=1;t<e;t++)n[t-1]=arguments[t];Nr("error",r,n)}}function Nr(r,e,n){{var t=D.ReactDebugCurrentFrame,i=t.getStackAddendum();i!==""&&(e+="%s",n=n.concat([i]));var u=n.map(function(o){return String(o)});u.unshift("Warning: "+e),Function.prototype.apply.call(console[r],console,u)}}var Yr=!1,Mr=!1,Vr=!1,Ur=!1,$r=!1,ir;ir=Symbol.for("react.module.reference");function Br(r){return!!(typeof r=="string"||typeof r=="function"||r===R||r===j||$r||r===c||r===T||r===h||Ur||r===k||Yr||Mr||Vr||typeof r=="object"&&r!==null&&(r.$$typeof===w||r.$$typeof===b||r.$$typeof===P||r.$$typeof===_||r.$$typeof===d||r.$$typeof===ir||r.getModuleId!==void 0))}function qr(r,e,n){var t=r.displayName;if(t)return t;var i=e.displayName||e.name||"";return i!==""?n+"("+i+")":n}function ur(r){return r.displayName||"Context"}function C(r){if(r==null)return null;if(typeof r.tag=="number"&&p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case R:return"Fragment";case s:return"Portal";case j:return"Profiler";case c:return"StrictMode";case T:return"Suspense";case h:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case _:var e=r;return ur(e)+".Consumer";case P:var n=r;return ur(n._context)+".Provider";case d:return qr(r,r.render,"ForwardRef");case b:var t=r.displayName||null;return t!==null?t:C(r.type)||"Memo";case w:{var i=r,u=i._payload,o=i._init;try{return C(o(u))}catch{return null}}}return null}var A=Object.assign,M=0,cr,sr,lr,fr,dr,vr,hr;function pr(){}pr.__reactDisabledLog=!0;function Jr(){{if(M===0){cr=console.log,sr=console.info,lr=console.warn,fr=console.error,dr=console.group,vr=console.groupCollapsed,hr=console.groupEnd;var r={configurable:!0,enumerable:!0,value:pr,writable:!0};Object.defineProperties(console,{info:r,log:r,warn:r,error:r,group:r,groupCollapsed:r,groupEnd:r})}M++}}function zr(){{if(M--,M===0){var r={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:A({},r,{value:cr}),info:A({},r,{value:sr}),warn:A({},r,{value:lr}),error:A({},r,{value:fr}),group:A({},r,{value:dr}),groupCollapsed:A({},r,{value:vr}),groupEnd:A({},r,{value:hr})})}M<0&&p("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var G=D.ReactCurrentDispatcher,K;function U(r,e,n){{if(K===void 0)try{throw Error()}catch(i){var t=i.stack.trim().match(/\n( *(at )?)/);K=t&&t[1]||""}return`
+`+K+r}}var H=!1,$;{var Gr=typeof WeakMap=="function"?WeakMap:Map;$=new Gr}function gr(r,e){if(!r||H)return"";{var n=$.get(r);if(n!==void 0)return n}var t;H=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=G.current,G.current=null,Jr();try{if(e){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(S){t=S}Reflect.construct(r,[],o)}else{try{o.call()}catch(S){t=S}r.call(o.prototype)}}else{try{throw Error()}catch(S){t=S}r()}}catch(S){if(S&&t&&typeof S.stack=="string"){for(var a=S.stack.split(`
 `),g=t.stack.split(`
-`),l=o.length-1,d=g.length-1;l>=1&&d>=0&&o[l]!==g[d];)d--;for(;l>=1&&d>=0;l--,d--)if(o[l]!==g[d]){if(l!==1||d!==1)do if(l--,d--,d<0||o[l]!==g[d]){var y=`
-`+o[l].replace(" at new "," at ");return r.displayName&&y.includes("<anonymous>")&&(y=y.replace("<anonymous>",r.displayName)),typeof r=="function"&&$.set(r,y),y}while(l>=1&&d>=0);break}}}finally{K=!1,G.current=c,zr(),Error.prepareStackTrace=i}var L=r?r.displayName||r.name:"",Pr=L?U(L):"";return typeof r=="function"&&$.set(r,Pr),Pr}function Hr(r,e,n){return gr(r,!1)}function Kr(r){var e=r.prototype;return!!(e&&e.isReactComponent)}function B(r,e,n){if(r==null)return"";if(typeof r=="function")return gr(r,Kr(r));if(typeof r=="string")return U(r);switch(r){case T:return U("Suspense");case h:return U("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case f:return Hr(r.render);case b:return B(r.type,e,n);case w:{var t=r,i=t._payload,c=t._init;try{return B(c(i),e,n)}catch{}}}return""}var q=Object.prototype.hasOwnProperty,mr={},br=D.ReactDebugCurrentFrame;function J(r){if(r){var e=r._owner,n=B(r.type,r._source,e?e.type:null);br.setExtraStackFrame(n)}else br.setExtraStackFrame(null)}function Xr(r,e,n,t,i){{var c=Function.call.bind(q);for(var a in r)if(c(r,a)){var o=void 0;try{if(typeof r[a]!="function"){var g=Error((t||"React class")+": "+n+" type `"+a+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[a]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw g.name="Invariant Violation",g}o=r[a](e,a,t,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(l){o=l}o&&!(o instanceof Error)&&(J(i),p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",t||"React class",n,a,typeof o),J(null)),o instanceof Error&&!(o.message in mr)&&(mr[o.message]=!0,J(i),p("Failed %s type: %s",n,o.message),J(null))}}}var Zr=Array.isArray;function X(r){return Zr(r)}function Qr(r){{var e=typeof Symbol=="function"&&Symbol.toStringTag,n=e&&r[Symbol.toStringTag]||r.constructor.name||"Object";return n}}function re(r){try{return yr(r),!1}catch{return!0}}function yr(r){return""+r}function Er(r){if(re(r))return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Qr(r)),yr(r)}var V=D.ReactCurrentOwner,ee={key:!0,ref:!0,__self:!0,__source:!0},Rr,_r,Z;Z={};function ne(r){if(q.call(r,"ref")){var e=Object.getOwnPropertyDescriptor(r,"ref").get;if(e&&e.isReactWarning)return!1}return r.ref!==void 0}function te(r){if(q.call(r,"key")){var e=Object.getOwnPropertyDescriptor(r,"key").get;if(e&&e.isReactWarning)return!1}return r.key!==void 0}function oe(r,e){if(typeof r.ref=="string"&&V.current&&e&&V.current.stateNode!==e){var n=C(V.current.type);Z[n]||(p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',C(V.current.type),r.ref),Z[n]=!0)}}function ae(r,e){{var n=function(){Rr||(Rr=!0,p("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",e))};n.isReactWarning=!0,Object.defineProperty(r,"key",{get:n,configurable:!0})}}function ie(r,e){{var n=function(){_r||(_r=!0,p("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",e))};n.isReactWarning=!0,Object.defineProperty(r,"ref",{get:n,configurable:!0})}}var ce=function(r,e,n,t,i,c,a){var o={$$typeof:v,type:r,key:e,ref:n,props:a,_owner:c};return o._store={},Object.defineProperty(o._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(o,"_self",{configurable:!1,enumerable:!1,writable:!1,value:t}),Object.defineProperty(o,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(o.props),Object.freeze(o)),o};function ue(r,e,n,t,i){{var c,a={},o=null,g=null;n!==void 0&&(Er(n),o=""+n),te(e)&&(Er(e.key),o=""+e.key),ne(e)&&(g=e.ref,oe(e,i));for(c in e)q.call(e,c)&&!ee.hasOwnProperty(c)&&(a[c]=e[c]);if(r&&r.defaultProps){var l=r.defaultProps;for(c in l)a[c]===void 0&&(a[c]=l[c])}if(o||g){var d=typeof r=="function"?r.displayName||r.name||"Unknown":r;o&&ae(a,d),g&&ie(a,d)}return ce(r,o,g,i,t,V.current,a)}}var Q=D.ReactCurrentOwner,wr=D.ReactDebugCurrentFrame;function F(r){if(r){var e=r._owner,n=B(r.type,r._source,e?e.type:null);wr.setExtraStackFrame(n)}else wr.setExtraStackFrame(null)}var rr;rr=!1;function er(r){return typeof r=="object"&&r!==null&&r.$$typeof===v}function xr(){{if(Q.current){var r=C(Q.current.type);if(r)return`
+`),l=a.length-1,f=g.length-1;l>=1&&f>=0&&a[l]!==g[f];)f--;for(;l>=1&&f>=0;l--,f--)if(a[l]!==g[f]){if(l!==1||f!==1)do if(l--,f--,f<0||a[l]!==g[f]){var y=`
+`+a[l].replace(" at new "," at ");return r.displayName&&y.includes("<anonymous>")&&(y=y.replace("<anonymous>",r.displayName)),typeof r=="function"&&$.set(r,y),y}while(l>=1&&f>=0);break}}}finally{H=!1,G.current=u,zr(),Error.prepareStackTrace=i}var L=r?r.displayName||r.name:"",Or=L?U(L):"";return typeof r=="function"&&$.set(r,Or),Or}function Kr(r,e,n){return gr(r,!1)}function Hr(r){var e=r.prototype;return!!(e&&e.isReactComponent)}function B(r,e,n){if(r==null)return"";if(typeof r=="function")return gr(r,Hr(r));if(typeof r=="string")return U(r);switch(r){case T:return U("Suspense");case h:return U("SuspenseList")}if(typeof r=="object")switch(r.$$typeof){case d:return Kr(r.render);case b:return B(r.type,e,n);case w:{var t=r,i=t._payload,u=t._init;try{return B(u(i),e,n)}catch{}}}return""}var q=Object.prototype.hasOwnProperty,mr={},br=D.ReactDebugCurrentFrame;function J(r){if(r){var e=r._owner,n=B(r.type,r._source,e?e.type:null);br.setExtraStackFrame(n)}else br.setExtraStackFrame(null)}function Xr(r,e,n,t,i){{var u=Function.call.bind(q);for(var o in r)if(u(r,o)){var a=void 0;try{if(typeof r[o]!="function"){var g=Error((t||"React class")+": "+n+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof r[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw g.name="Invariant Violation",g}a=r[o](e,o,t,n,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(l){a=l}a&&!(a instanceof Error)&&(J(i),p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",t||"React class",n,o,typeof a),J(null)),a instanceof Error&&!(a.message in mr)&&(mr[a.message]=!0,J(i),p("Failed %s type: %s",n,a.message),J(null))}}}var Zr=Array.isArray;function X(r){return Zr(r)}function Qr(r){{var e=typeof Symbol=="function"&&Symbol.toStringTag,n=e&&r[Symbol.toStringTag]||r.constructor.name||"Object";return n}}function re(r){try{return yr(r),!1}catch{return!0}}function yr(r){return""+r}function Er(r){if(re(r))return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Qr(r)),yr(r)}var V=D.ReactCurrentOwner,ee={key:!0,ref:!0,__self:!0,__source:!0},Rr,_r,Z;Z={};function ne(r){if(q.call(r,"ref")){var e=Object.getOwnPropertyDescriptor(r,"ref").get;if(e&&e.isReactWarning)return!1}return r.ref!==void 0}function te(r){if(q.call(r,"key")){var e=Object.getOwnPropertyDescriptor(r,"key").get;if(e&&e.isReactWarning)return!1}return r.key!==void 0}function ae(r,e){if(typeof r.ref=="string"&&V.current&&e&&V.current.stateNode!==e){var n=C(V.current.type);Z[n]||(p('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',C(V.current.type),r.ref),Z[n]=!0)}}function oe(r,e){{var n=function(){Rr||(Rr=!0,p("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",e))};n.isReactWarning=!0,Object.defineProperty(r,"key",{get:n,configurable:!0})}}function ie(r,e){{var n=function(){_r||(_r=!0,p("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",e))};n.isReactWarning=!0,Object.defineProperty(r,"ref",{get:n,configurable:!0})}}var ue=function(r,e,n,t,i,u,o){var a={$$typeof:v,type:r,key:e,ref:n,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:t}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function ce(r,e,n,t,i){{var u,o={},a=null,g=null;n!==void 0&&(Er(n),a=""+n),te(e)&&(Er(e.key),a=""+e.key),ne(e)&&(g=e.ref,ae(e,i));for(u in e)q.call(e,u)&&!ee.hasOwnProperty(u)&&(o[u]=e[u]);if(r&&r.defaultProps){var l=r.defaultProps;for(u in l)o[u]===void 0&&(o[u]=l[u])}if(a||g){var f=typeof r=="function"?r.displayName||r.name||"Unknown":r;a&&oe(o,f),g&&ie(o,f)}return ue(r,a,g,i,t,V.current,o)}}var Q=D.ReactCurrentOwner,wr=D.ReactDebugCurrentFrame;function F(r){if(r){var e=r._owner,n=B(r.type,r._source,e?e.type:null);wr.setExtraStackFrame(n)}else wr.setExtraStackFrame(null)}var rr;rr=!1;function er(r){return typeof r=="object"&&r!==null&&r.$$typeof===v}function xr(){{if(Q.current){var r=C(Q.current.type);if(r)return`
 
@@ -29,36 +29,6 @@ Check the render method of \``+r+"`."}return""}}function se(r){{if(r!==void 0){var e=r.fileName.replace(/^.*[\\\/]/,""),n=r.lineNumber;return`
 
-Check the top-level render call using <`+n+">.")}return e}}function Cr(r,e){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var n=le(e);if(Tr[n])return;Tr[n]=!0;var t="";r&&r._owner&&r._owner!==Q.current&&(t=" It was passed a child from "+C(r._owner.type)+"."),F(r),p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,t),F(null)}}function Sr(r,e){{if(typeof r!="object")return;if(X(r))for(var n=0;n<r.length;n++){var t=r[n];er(t)&&Cr(t,e)}else if(er(r))r._store&&(r._store.validated=!0);else if(r){var i=Wr(r);if(typeof i=="function"&&i!==r.entries)for(var c=i.call(r),a;!(a=c.next()).done;)er(a.value)&&Cr(a.value,e)}}}function de(r){{var e=r.type;if(e==null||typeof e=="string")return;var n;if(typeof e=="function")n=e.propTypes;else if(typeof e=="object"&&(e.$$typeof===f||e.$$typeof===b))n=e.propTypes;else return;if(n){var t=C(e);Xr(n,r.props,"prop",t,r)}else if(e.PropTypes!==void 0&&!rr){rr=!0;var i=C(e);p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof e.getDefaultProps=="function"&&!e.getDefaultProps.isReactClassApproved&&p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function fe(r){{for(var e=Object.keys(r.props),n=0;n<e.length;n++){var t=e[n];if(t!=="children"&&t!=="key"){F(r),p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",t),F(null);break}}r.ref!==null&&(F(r),p("Invalid attribute `ref` supplied to `React.Fragment`."),F(null))}}function Or(r,e,n,t,i,c){{var a=Br(r);if(!a){var o="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(o+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var g=se(i);g?o+=g:o+=xr();var l;r===null?l="null":X(r)?l="array":r!==void 0&&r.$$typeof===v?(l="<"+(C(r.type)||"Unknown")+" />",o=" Did you accidentally export a JSX literal instead of a component?"):l=typeof r,p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",l,o)}var d=ue(r,e,n,i,c);if(d==null)return d;if(a){var y=e.children;if(y!==void 0)if(t)if(X(y)){for(var L=0;L<y.length;L++)Sr(y[L],r);Object.freeze&&Object.freeze(y)}else p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Sr(y,r)}return r===R?fe(d):de(d),d}}function ve(r,e,n){return Or(r,e,n,!0)}function he(r,e,n){return Or(r,e,n,!1)}var pe=he,ge=ve;W.Fragment=R,W.jsx=pe,W.jsxs=ge}()),W}process.env.NODE_ENV==="production"?z.exports=jr():z.exports=kr();var P=z.exports;const Ar=`:root {
-  /* gray */
-  --hsd-ui-color-gray-300: #d1d5db;
-  --hsd-ui-color-gray-200: #e5e7eb;
-
-  /* radii */
-  --hsd-ui-radii-md: 0.375rem; /* 6px */
-
-  /* spacing by type */
-  --hsd-ui-spacing-md: 1rem; /* 16px */
-
-  /* BOX SHADOW */
-  --hsd-ui-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),
-    0 2px 4px -2px rgb(0 0 0 / 0.1);
-
-  /* new root css */
-
-  /* border width */
-  --hsd-ui-accordion-border-width: var(--hsd-ui-border, 1px);
-
-  /* color */
-  --hsd-ui-accordion-primary-color: var(--hsd-ui-color-gray-300, #d1d5db);
-  --hsd-ui-accordion-secondary-color: var(--hsd-ui-color-gray-200, #e5e7eb);
-
-  /* border radius */
-  --hsd-ui-accordion-border-radius: var(--hsd-ui-radii-md, 6px);
-}
-
-.hudoro-accordion {
-  border-radius: var(--hsd-ui-accordion-border-radius);
-  border: var(--hsd-ui-accordion-border-width) solid
-    var(--hsd-ui-accordion-secondary-color);
+Check the top-level render call using <`+n+">.")}return e}}function Cr(r,e){{if(!r._store||r._store.validated||r.key!=null)return;r._store.validated=!0;var n=le(e);if(Tr[n])return;Tr[n]=!0;var t="";r&&r._owner&&r._owner!==Q.current&&(t=" It was passed a child from "+C(r._owner.type)+"."),F(r),p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',n,t),F(null)}}function Sr(r,e){{if(typeof r!="object")return;if(X(r))for(var n=0;n<r.length;n++){var t=r[n];er(t)&&Cr(t,e)}else if(er(r))r._store&&(r._store.validated=!0);else if(r){var i=Wr(r);if(typeof i=="function"&&i!==r.entries)for(var u=i.call(r),o;!(o=u.next()).done;)er(o.value)&&Cr(o.value,e)}}}function fe(r){{var e=r.type;if(e==null||typeof e=="string")return;var n;if(typeof e=="function")n=e.propTypes;else if(typeof e=="object"&&(e.$$typeof===d||e.$$typeof===b))n=e.propTypes;else return;if(n){var t=C(e);Xr(n,r.props,"prop",t,r)}else if(e.PropTypes!==void 0&&!rr){rr=!0;var i=C(e);p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof e.getDefaultProps=="function"&&!e.getDefaultProps.isReactClassApproved&&p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function de(r){{for(var e=Object.keys(r.props),n=0;n<e.length;n++){var t=e[n];if(t!=="children"&&t!=="key"){F(r),p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",t),F(null);break}}r.ref!==null&&(F(r),p("Invalid attribute `ref` supplied to `React.Fragment`."),F(null))}}function Pr(r,e,n,t,i,u){{var o=Br(r);if(!o){var a="";(r===void 0||typeof r=="object"&&r!==null&&Object.keys(r).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var g=se(i);g?a+=g:a+=xr();var l;r===null?l="null":X(r)?l="array":r!==void 0&&r.$$typeof===v?(l="<"+(C(r.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):l=typeof r,p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",l,a)}var f=ce(r,e,n,i,u);if(f==null)return f;if(o){var y=e.children;if(y!==void 0)if(t)if(X(y)){for(var L=0;L<y.length;L++)Sr(y[L],r);Object.freeze&&Object.freeze(y)}else p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Sr(y,r)}return r===R?de(f):fe(f),f}}function ve(r,e,n){return Pr(r,e,n,!0)}function he(r,e,n){return Pr(r,e,n,!1)}var pe=he,ge=ve;W.Fragment=R,W.jsx=pe,W.jsxs=ge}()),W}process.env.NODE_ENV==="production"?z.exports=jr():z.exports=kr();var O=z.exports;const Ar=`.hudoro-accordion {
+  border-radius: var(--hsd-ui-radii-md, 6px);
+  border: var(--hsd-ui-border, 1px) solid var(--hsd-ui-color-gray-200, #e5e7eb);
   background: var(--hsd-ui-color-gray-50);
-  /* box-shadow: var(--hsd-ui-shadow-md); */
   overflow: hidden;
@@ -80,3 +50,2 @@ }
   background: #edf0f2;
-  /* background: var(--hsd-ui-color-gray-300); */
 }
@@ -89,6 +58,6 @@ .hudoro-accordion-button,
 .hudoro-accordion-panel {
-  padding-inline: var(--hsd-ui-spacing-md);
+  padding-inline: var(--hsd-ui-spacing-md, 14px);
 }
 .hudoro-accordion-button {
-  padding: var(--hsd-ui-spacing-md);
+  padding: var(--hsd-ui-spacing-md, 14px);
 }
@@ -100,3 +69,3 @@
   transition: 0.3s;
-  border-bottom: 1px solid var(--hsd-ui-accordion-secondary-color);
+  border-bottom: 1px solid var(--hsd-ui-color-gray-200, #e5e7eb);
 }
@@ -112,4 +81,4 @@ .hudoro-accordion-item:last-child {
 .hudoro-accordion-item.active > .hudoro-accordion-panel {
-  padding-top: var(--hsd-ui-spacing-md);
-  padding-bottom: var(--hsd-ui-spacing-md);
+  padding-top: var(--hsd-ui-spacing-md, 14px);
+  padding-bottom: var(--hsd-ui-spacing-md, 14px);
 }
@@ -123,2 +92,2 @@
 }
-`,or="hudoro-accordion-styles";(m=>{if(!document.getElementById(or)){const v=document.createElement("style");v.id=or,v.textContent=m,document.head.appendChild(v)}})(Ar);const ar=x.createContext({allowMultiple:!1}),Dr=({children:m,allowMultiple:v=!1})=>{const s=x.useRef([]),R=u=>{var O,_,f,T,h,b,w,k,N;const j=(O=s.current)==null?void 0:O.find(Y=>Y===u);v?j?j&&((T=u.querySelector(".hudoro-accordion-arrow"))==null||T.classList.remove("hudoro-accordion-arrow-active"),u.classList.remove("active"),s.current=s.current.filter(Y=>Y!==u)):(u.classList.add("active"),(_=u.querySelector(".hudoro-accordion-arrow"))==null||_.classList.add("hudoro-accordion-arrow-active"),(f=s.current)==null||f.push(u)):(h=s.current)!=null&&h.length?s.current[0]===u?((b=s.current[0].querySelector(".hudoro-accordion-arrow"))==null||b.classList.remove("hudoro-accordion-arrow-active"),s.current[0].classList.remove("active"),s.current=[]):((w=s.current[0].querySelector(".hudoro-accordion-arrow"))==null||w.classList.remove("hudoro-accordion-arrow-active"),s.current[0].classList.remove("active"),s.current=[],u.classList.add("active"),s.current[0]=u,(k=s.current[0].querySelector(".hudoro-accordion-arrow"))==null||k.classList.add("hudoro-accordion-arrow-active")):(u.classList.add("active"),(N=u.querySelector(".hudoro-accordion-arrow"))==null||N.classList.add("hudoro-accordion-arrow-active"),s.current.push(u))};return P.jsx(ar.Provider,{value:{allowMultiple:v,handlePushRef:R},children:P.jsx("div",{className:"hudoro-accordion",children:m})})},Fr=({children:m})=>P.jsx("div",{className:"hudoro-accordion-item",children:m}),Lr=({children:m,expand:v=!0})=>{const{handlePushRef:s}=x.useContext(ar),R=u=>{u.currentTarget.parentElement&&s&&s(u.currentTarget.parentElement)};return P.jsxs("button",{className:"hudoro-accordion-button",onClick:u=>v?R(u):{},children:[m,v?P.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",className:"hudoro-accordion-arrow",children:P.jsx("path",{d:"M4 9.5L12 17.5L20 9.5",stroke:"#111827",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}):null]})},Ir=({children:m})=>P.jsx("div",{className:"hudoro-accordion-panel",onClick:v=>v.stopPropagation(),children:m});E.Accordion=Dr,E.AccordionButton=Lr,E.AccordionItem=Fr,E.AccordionPanel=Ir,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});
+`,ar="hudoro-accordion-styles";(m=>{if(!document.getElementById(ar)){const v=document.createElement("style");v.id=ar,v.textContent=m,document.head.appendChild(v)}})(Ar);const or=x.createContext({allowMultiple:!1}),Dr=({children:m,allowMultiple:v=!1})=>{const s=x.useRef([]),R=c=>{var P,_,d,T,h,b,w,k,N;const j=(P=s.current)==null?void 0:P.find(Y=>Y===c);v?j?j&&((T=c.querySelector(".hudoro-accordion-arrow"))==null||T.classList.remove("hudoro-accordion-arrow-active"),c.classList.remove("active"),s.current=s.current.filter(Y=>Y!==c)):(c.classList.add("active"),(_=c.querySelector(".hudoro-accordion-arrow"))==null||_.classList.add("hudoro-accordion-arrow-active"),(d=s.current)==null||d.push(c)):(h=s.current)!=null&&h.length?s.current[0]===c?((b=s.current[0].querySelector(".hudoro-accordion-arrow"))==null||b.classList.remove("hudoro-accordion-arrow-active"),s.current[0].classList.remove("active"),s.current=[]):((w=s.current[0].querySelector(".hudoro-accordion-arrow"))==null||w.classList.remove("hudoro-accordion-arrow-active"),s.current[0].classList.remove("active"),s.current=[],c.classList.add("active"),s.current[0]=c,(k=s.current[0].querySelector(".hudoro-accordion-arrow"))==null||k.classList.add("hudoro-accordion-arrow-active")):(c.classList.add("active"),(N=c.querySelector(".hudoro-accordion-arrow"))==null||N.classList.add("hudoro-accordion-arrow-active"),s.current.push(c))};return O.jsx(or.Provider,{value:{allowMultiple:v,handlePushRef:R},children:O.jsx("div",{className:"hudoro-accordion",children:m})})},Fr=({children:m})=>O.jsx("div",{className:"hudoro-accordion-item",children:m}),Lr=({children:m,expand:v=!0})=>{const{handlePushRef:s}=x.useContext(or),R=c=>{c.currentTarget.parentElement&&s&&s(c.currentTarget.parentElement)};return O.jsxs("button",{className:"hudoro-accordion-button",onClick:c=>v?R(c):{},children:[m,v?O.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",className:"hudoro-accordion-arrow",children:O.jsx("path",{d:"M4 9.5L12 17.5L20 9.5",stroke:"#111827",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}):null]})},Ir=({children:m})=>O.jsx("div",{className:"hudoro-accordion-panel",onClick:v=>v.stopPropagation(),children:m});E.Accordion=Dr,E.AccordionButton=Lr,E.AccordionItem=Fr,E.AccordionPanel=Ir,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})});

package.json

 {
   "name": "@hudoro/accordion",
-  "version": "0.0.1-beta.8",
+  "version": "0.0.1-beta.9",
   "description": "Accordion component for Hudoro UI",
@@ -5,0 +5,0 @@ "author": "Prawito Hudoro",

No alert changes

Worsened metrics

Total package byte prevSize

46977

decreased by-3.25%

Lines of code

912

decreased by-4.8%

No dependency changes