@okam/stack-ui 1.26.0 → 1.27.2

package/index158.mjs

@@ -1,102 +1,100 @@
-import { c as q } from "./index176.mjs";
-import { e as C } from "./index173.mjs";
-import { e as D } from "./index174.mjs";
-import { e as I } from "./index175.mjs";
-import { l as V } from "./index170.mjs";
-function Y(P) {
-  let {
-    swiper: t,
-    extendParams: E,
-    on: $
-  } = P;
-  E({
-    creativeEffect: {
-      limitProgress: 1,
-      shadowPerProgress: !1,
-      progressMultiplier: 1,
-      perspective: !0,
-      prev: {
-        translate: [0, 0, 0],
-        rotate: [0, 0, 0],
-        opacity: 1,
-        scale: 1
-      },
-      next: {
-        translate: [0, 0, 0],
-        rotate: [0, 0, 0],
-        opacity: 1,
-        scale: 1
-      }
-    }
-  });
-  const S = (r) => typeof r == "string" ? r : `${r}px`;
-  C({
-    effect: "creative",
-    swiper: t,
-    on: $,
-    setTranslate: () => {
-      const {
-        slides: r,
-        wrapperEl: d,
-        slidesSizesGrid: c
-      } = t, e = t.params.creativeEffect, {
-        progressMultiplier: f
-      } = e, w = t.params.centeredSlides;
-      if (w) {
-        const m = c[0] / 2 - t.params.slidesOffsetBefore || 0;
-        d.style.transform = `translateX(calc(50% - ${m}px))`;
-      }
-      for (let m = 0; m < r.length; m += 1) {
-        const a = r[m], v = a.progress, o = Math.min(Math.max(a.progress, -e.limitProgress), e.limitProgress);
-        let i = o;
-        w || (i = Math.min(Math.max(a.originalProgress, -e.limitProgress), e.limitProgress));
-        const M = a.swiperSlideOffset, p = [t.params.cssMode ? -M - t.translate : -M, 0, 0], g = [0, 0, 0];
-        let h = !1;
-        t.isHorizontal() || (p[1] = p[0], p[0] = 0);
-        let s = {
-          translate: [0, 0, 0],
-          rotate: [0, 0, 0],
-          scale: 1,
-          opacity: 1
-        };
-        o < 0 ? (s = e.next, h = !0) : o > 0 && (s = e.prev, h = !0), p.forEach((l, n) => {
-          p[n] = `calc(${l}px + (${S(s.translate[n])} * ${Math.abs(o * f)}))`;
-        }), g.forEach((l, n) => {
-          let u = s.rotate[n] * Math.abs(o * f);
-          t.browser && t.browser.need3dFix && Math.abs(u) / 90 % 2 === 1 && (u += 1e-3), g[n] = u;
-        }), a.style.zIndex = -Math.abs(Math.round(v)) + r.length;
-        const x = p.join(", "), T = `rotateX(${g[0]}deg) rotateY(${g[1]}deg) rotateZ(${g[2]}deg)`, b = i < 0 ? `scale(${1 + (1 - s.scale) * i * f})` : `scale(${1 - (1 - s.scale) * i * f})`, O = i < 0 ? 1 + (1 - s.opacity) * i * f : 1 - (1 - s.opacity) * i * f, z = `translate3d(${x}) ${T} ${b}`;
-        if (h && s.shadow || !h) {
-          let l = a.querySelector(".swiper-slide-shadow");
-          if (!l && s.shadow && (l = q("creative", a)), l) {
-            const n = e.shadowPerProgress ? o * (1 / e.limitProgress) : o;
-            l.style.opacity = Math.min(Math.max(Math.abs(n), 0), 1);
-          }
-        }
-        const y = D(e, a);
-        y.style.transform = z, y.style.opacity = O, s.origin && (y.style.transformOrigin = s.origin);
-      }
-    },
-    setTransition: (r) => {
-      const d = t.slides.map((c) => V(c));
-      d.forEach((c) => {
-        c.style.transitionDuration = `${r}ms`, c.querySelectorAll(".swiper-slide-shadow").forEach((e) => {
-          e.style.transitionDuration = `${r}ms`;
-        });
-      }), I({
-        swiper: t,
-        duration: r,
-        transformElements: d,
-        allSlides: !0
-      });
-    },
-    perspective: () => t.params.creativeEffect.perspective,
-    overwriteParams: () => ({
-      watchSlidesProgress: !0,
-      virtualTranslate: !t.params.cssMode
-    })
-  });
-}
+const A = {
+  "001": 1,
+  AD: 1,
+  AE: 6,
+  AF: 6,
+  AI: 1,
+  AL: 1,
+  AM: 1,
+  AN: 1,
+  AR: 1,
+  AT: 1,
+  AU: 1,
+  AX: 1,
+  AZ: 1,
+  BA: 1,
+  BE: 1,
+  BG: 1,
+  BH: 6,
+  BM: 1,
+  BN: 1,
+  BY: 1,
+  CH: 1,
+  CL: 1,
+  CM: 1,
+  CN: 1,
+  CR: 1,
+  CY: 1,
+  CZ: 1,
+  DE: 1,
+  DJ: 6,
+  DK: 1,
+  DZ: 6,
+  EC: 1,
+  EE: 1,
+  EG: 6,
+  ES: 1,
+  FI: 1,
+  FJ: 1,
+  FO: 1,
+  FR: 1,
+  GB: 1,
+  GE: 1,
+  GF: 1,
+  GP: 1,
+  GR: 1,
+  HR: 1,
+  HU: 1,
+  IE: 1,
+  IQ: 6,
+  IR: 6,
+  IS: 1,
+  IT: 1,
+  JO: 6,
+  KG: 1,
+  KW: 6,
+  KZ: 1,
+  LB: 1,
+  LI: 1,
+  LK: 1,
+  LT: 1,
+  LU: 1,
+  LV: 1,
+  LY: 6,
+  MC: 1,
+  MD: 1,
+  ME: 1,
+  MK: 1,
+  MN: 1,
+  MQ: 1,
+  MV: 5,
+  MY: 1,
+  NL: 1,
+  NO: 1,
+  NZ: 1,
+  OM: 6,
+  PL: 1,
+  QA: 6,
+  RE: 1,
+  RO: 1,
+  RS: 1,
+  RU: 1,
+  SD: 6,
+  SE: 1,
+  SI: 1,
+  SK: 1,
+  SM: 1,
+  SY: 6,
+  TJ: 1,
+  TM: 1,
+  TR: 1,
+  UA: 1,
+  UY: 1,
+  UZ: 1,
+  VA: 1,
+  VN: 1,
+  XK: 1
+};
 export {
-  Y as default
+  A as weekStartData
 };

package/index159.js

@@ -1,5 +1,11 @@
-"use strict";const D=require("./index176.js"),X=require("./index173.js"),z=require("./index174.js"),A=require("./index175.js"),R=require("./index170.js");function Y(x){let{swiper:e,extendParams:E,on:T}=x;E({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}});const b=()=>{const{slides:o,activeIndex:l,rtlTranslate:a}=e,i=e.params.cardsEffect,{startTranslate:M,isTouched:$}=e.touchEventsData,S=a?-e.translate:e.translate;for(let c=0;c<o.length;c+=1){const n=o[c],w=n.progress,t=Math.min(Math.max(w,-4),4);let p=n.swiperSlideOffset;e.params.centeredSlides&&!e.params.cssMode&&(e.wrapperEl.style.transform=`translateX(${e.minTranslate()}px)`),e.params.centeredSlides&&e.params.cssMode&&(p-=o[0].swiperSlideOffset);let r=e.params.cssMode?-p-e.translate:-p,d=0;const v=-100*Math.abs(t);let h=1,m=-i.perSlideRotate*t,u=i.perSlideOffset-Math.abs(t)*.75;const f=e.virtual&&e.params.virtual.enabled?e.virtual.from+c:c,y=(f===l||f===l-1)&&t>0&&t<1&&($||e.params.cssMode)&&S<M,q=(f===l||f===l+1)&&t<0&&t>-1&&($||e.params.cssMode)&&S>M;if(y||q){const s=(1-Math.abs((Math.abs(t)-.5)/.5))**.5;m+=-28*t*s,h+=-.5*s,u+=96*s,d=`${-25*s*Math.abs(t)}%`}if(t<0?r=`calc(${r}px ${a?"-":"+"} (${u*Math.abs(t)}%))`:t>0?r=`calc(${r}px ${a?"-":"+"} (-${u*Math.abs(t)}%))`:r=`${r}px`,!e.isHorizontal()){const s=d;d=r,r=s}const P=t<0?`${1+(1-h)*t}`:`${1-(1-h)*t}`,I=`
-        translate3d(${r}, ${d}, ${v}px)
-        rotateZ(${i.rotate?a?-m:m:0}deg)
-        scale(${P})
-      `;if(i.slideShadows){let s=n.querySelector(".swiper-slide-shadow");s||(s=D.c("cards",n)),s&&(s.style.opacity=Math.min(Math.max((Math.abs(t)-.5)/.5,0),1))}n.style.zIndex=-Math.abs(Math.round(w))+o.length;const O=z.e(i,n);O.style.transform=I}},g=o=>{const l=e.slides.map(a=>R.l(a));l.forEach(a=>{a.style.transitionDuration=`${o}ms`,a.querySelectorAll(".swiper-slide-shadow").forEach(i=>{i.style.transitionDuration=`${o}ms`})}),A.e({swiper:e,duration:o,transformElements:l})};X.e({effect:"cards",swiper:e,on:T,setTranslate:b,setTransition:g,perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!e.params.cssMode})})}module.exports=Y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(c){const a=c.replace(/-/g,"+").replace(/_/g,"/"),b=typeof Buffer<"u"?Buffer.from(a,"base64"):Uint8Array.from(atob(a),r=>r.charCodeAt(0));return new Uint8Array(b)}/**
+ * Encodes an RGBA image to a PNG data URI. RGB should not be premultiplied by A.
+ *
+ * @remarks
+ * This is optimized for speed and simplicity and does not optimize for size
+ * at all. This doesn't do any compression (all values are stored uncompressed).
+ *
+ * @see https://github.com/evanw/thumbhash
+ * @author Evan Wallace
+ * @license MIT
+ */function y(c,a,b){const r=c*4+1,i=6+a*(5+r),t=[137,80,78,71,13,10,26,10,0,0,0,13,73,72,68,82,0,0,c>>8,c&255,0,0,a>>8,a&255,8,6,0,0,0,0,0,0,0,i>>>24,i>>16&255,i>>8&255,i&255,73,68,65,84,120,1],d=[0,498536548,997073096,651767980,1994146192,1802195444,1303535960,1342533948,-306674912,-267414716,-690576408,-882789492,-1687895376,-2032938284,-1609899400,-1111625188];let n=1,f=0;for(let u=0,o=0,e=r-1;u<a;u++,e+=r-1)for(t.push(u+1<a?0:1,r&255,r>>8,~r&255,r>>8^255,0),f=(f+n)%65521;o<e;o++){const s=b[o]&255;t.push(s),n=(n+s)%65521,f=(f+n)%65521}t.push(f>>8,f&255,n>>8,n&255,0,0,0,0,0,0,0,0,73,69,78,68,174,66,96,130);for(let[u,o]of[[12,29],[37,41+i]]){let e=-1;for(let s=u;s<o;s++)e^=t[s],e=e>>>4^d[e&15],e=e>>>4^d[e&15];e=~e,t[o++]=e>>>24,t[o++]=e>>16&255,t[o++]=e>>8&255,t[o++]=e&255}return`data:image/png;base64,${typeof Buffer<"u"?Buffer.from(new Uint8Array(t)).toString("base64"):btoa(String.fromCharCode(...t))}`}exports.c=l;exports.r=y;

package/index159.mjs

@@ -1,83 +1,118 @@
-import { c as O } from "./index176.mjs";
-import { e as D } from "./index173.mjs";
-import { e as X } from "./index174.mjs";
-import { e as q } from "./index175.mjs";
-import { l as z } from "./index170.mjs";
-function V(T) {
-  let {
-    swiper: t,
-    extendParams: x,
-    on: E
-  } = T;
-  x({
-    cardsEffect: {
-      slideShadows: !0,
-      rotate: !0,
-      perSlideRotate: 2,
-      perSlideOffset: 8
+function p(c) {
+  const a = c.replace(/-/g, "+").replace(/_/g, "/"), b = typeof Buffer < "u" ? Buffer.from(a, "base64") : Uint8Array.from(atob(a), (r) => r.charCodeAt(0));
+  return new Uint8Array(b);
+}
+/**
+ * Encodes an RGBA image to a PNG data URI. RGB should not be premultiplied by A.
+ *
+ * @remarks
+ * This is optimized for speed and simplicity and does not optimize for size
+ * at all. This doesn't do any compression (all values are stored uncompressed).
+ *
+ * @see https://github.com/evanw/thumbhash
+ * @author Evan Wallace
+ * @license MIT
+ */
+function y(c, a, b) {
+  const r = c * 4 + 1, i = 6 + a * (5 + r), t = [
+    137,
+    80,
+    78,
+    71,
+    13,
+    10,
+    26,
+    10,
+    0,
+    0,
+    0,
+    13,
+    73,
+    72,
+    68,
+    82,
+    0,
+    0,
+    c >> 8,
+    c & 255,
+    0,
+    0,
+    a >> 8,
+    a & 255,
+    8,
+    6,
+    0,
+    0,
+    0,
+    0,
+    0,
+    0,
+    0,
+    i >>> 24,
+    i >> 16 & 255,
+    i >> 8 & 255,
+    i & 255,
+    73,
+    68,
+    65,
+    84,
+    120,
+    1
+  ], d = [
+    0,
+    498536548,
+    997073096,
+    651767980,
+    1994146192,
+    1802195444,
+    1303535960,
+    1342533948,
+    -306674912,
+    -267414716,
+    -690576408,
+    -882789492,
+    -1687895376,
+    -2032938284,
+    -1609899400,
+    -1111625188
+  ];
+  let n = 1, f = 0;
+  for (let u = 0, o = 0, e = r - 1; u < a; u++, e += r - 1)
+    for (t.push(u + 1 < a ? 0 : 1, r & 255, r >> 8, ~r & 255, r >> 8 ^ 255, 0), f = (f + n) % 65521; o < e; o++) {
+      const s = b[o] & 255;
+      t.push(s), n = (n + s) % 65521, f = (f + n) % 65521;
     }
-  }), D({
-    effect: "cards",
-    swiper: t,
-    on: E,
-    setTranslate: () => {
-      const {
-        slides: o,
-        activeIndex: l,
-        rtlTranslate: a
-      } = t, i = t.params.cardsEffect, {
-        startTranslate: u,
-        isTouched: S
-      } = t.touchEventsData, $ = a ? -t.translate : t.translate;
-      for (let c = 0; c < o.length; c += 1) {
-        const n = o[c], w = n.progress, e = Math.min(Math.max(w, -4), 4);
-        let p = n.swiperSlideOffset;
-        t.params.centeredSlides && !t.params.cssMode && (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`), t.params.centeredSlides && t.params.cssMode && (p -= o[0].swiperSlideOffset);
-        let r = t.params.cssMode ? -p - t.translate : -p, d = 0;
-        const g = -100 * Math.abs(e);
-        let m = 1, h = -i.perSlideRotate * e, M = i.perSlideOffset - Math.abs(e) * 0.75;
-        const f = t.virtual && t.params.virtual.enabled ? t.virtual.from + c : c, b = (f === l || f === l - 1) && e > 0 && e < 1 && (S || t.params.cssMode) && $ < u, v = (f === l || f === l + 1) && e < 0 && e > -1 && (S || t.params.cssMode) && $ > u;
-        if (b || v) {
-          const s = (1 - Math.abs((Math.abs(e) - 0.5) / 0.5)) ** 0.5;
-          h += -28 * e * s, m += -0.5 * s, M += 96 * s, d = `${-25 * s * Math.abs(e)}%`;
-        }
-        if (e < 0 ? r = `calc(${r}px ${a ? "-" : "+"} (${M * Math.abs(e)}%))` : e > 0 ? r = `calc(${r}px ${a ? "-" : "+"} (-${M * Math.abs(e)}%))` : r = `${r}px`, !t.isHorizontal()) {
-          const s = d;
-          d = r, r = s;
-        }
-        const y = e < 0 ? `${1 + (1 - m) * e}` : `${1 - (1 - m) * e}`, P = `
-        translate3d(${r}, ${d}, ${g}px)
-        rotateZ(${i.rotate ? a ? -h : h : 0}deg)
-        scale(${y})
-      `;
-        if (i.slideShadows) {
-          let s = n.querySelector(".swiper-slide-shadow");
-          s || (s = O("cards", n)), s && (s.style.opacity = Math.min(Math.max((Math.abs(e) - 0.5) / 0.5, 0), 1));
-        }
-        n.style.zIndex = -Math.abs(Math.round(w)) + o.length;
-        const I = X(i, n);
-        I.style.transform = P;
-      }
-    },
-    setTransition: (o) => {
-      const l = t.slides.map((a) => z(a));
-      l.forEach((a) => {
-        a.style.transitionDuration = `${o}ms`, a.querySelectorAll(".swiper-slide-shadow").forEach((i) => {
-          i.style.transitionDuration = `${o}ms`;
-        });
-      }), q({
-        swiper: t,
-        duration: o,
-        transformElements: l
-      });
-    },
-    perspective: () => !0,
-    overwriteParams: () => ({
-      watchSlidesProgress: !0,
-      virtualTranslate: !t.params.cssMode
-    })
-  });
+  t.push(
+    f >> 8,
+    f & 255,
+    n >> 8,
+    n & 255,
+    0,
+    0,
+    0,
+    0,
+    0,
+    0,
+    0,
+    0,
+    73,
+    69,
+    78,
+    68,
+    174,
+    66,
+    96,
+    130
+  );
+  for (let [u, o] of [[12, 29], [37, 41 + i]]) {
+    let e = -1;
+    for (let s = u; s < o; s++)
+      e ^= t[s], e = e >>> 4 ^ d[e & 15], e = e >>> 4 ^ d[e & 15];
+    e = ~e, t[o++] = e >>> 24, t[o++] = e >> 16 & 255, t[o++] = e >> 8 & 255, t[o++] = e & 255;
+  }
+  return `data:image/png;base64,${typeof Buffer < "u" ? Buffer.from(new Uint8Array(t)).toString("base64") : btoa(String.fromCharCode(...t))}`;
 }
 export {
-  V as default
+  p as c,
+  y as r
 };

package/index16.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),R=require("@react-aria/checkbox"),x=require("@react-aria/focus"),v=require("@react-aria/visually-hidden"),B=require("@react-stately/toggle"),C=require("react"),r=require("./index64.js"),F=require("./index13.js"),b=require("./index3.js"),p=i=>{const{id:n,label:m,isDisabled:t=!1,isError:a=!1,errorMessage:l,ariaLabel:f,icon:h,themeName:s="checkbox",tokens:g,customTheme:o}=i,u=B.useToggleState(i),d=C.useRef(null),{inputProps:j}=R.useCheckbox(i,u,d),{isSelected:k}=u,{focusProps:q,isFocusVisible:$}=x.useFocusRing(),c={...g,selected:k,isDisabled:t,isError:a,isFocusVisible:$},T=r(`${s}.container`,c,o),M=r(`${s}.checkBox`,c,o),N=r(`${s}.checkMark`,c,o),y=r(`${s}.checkMarkIcon`,c,o);return e.jsxs("div",{children:[e.jsx(x.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs("label",{className:T,htmlFor:n,"aria-label":f,"aria-disabled":t,children:[e.jsx(v.VisuallyHidden,{children:e.jsx("input",{type:"checkbox",ref:d,"aria-labelledby":n,...j,...q})}),e.jsx("div",{className:M,"aria-checked":k,role:"checkbox","aria-labelledby":n,children:e.jsx("div",{className:N,children:h&&e.jsx(F,{icon:h,customTheme:y})})}),e.jsx(b.default,{themeName:`${s}.label`,tokens:c,children:m})]})}),a&&l&&e.jsx(b.default,{themeName:`${s}.errorMessage`,tokens:c,children:l})]})};module.exports=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),H=require("lodash"),T=require("react"),q=require("react-aria"),S=require("react-hook-form"),E=require("react-stately"),$=require("./index25.js"),I=require("./index6.js"),L=require("./index14.js"),b=require("./index3.js"),W=require("./index37.js"),A=require("./index107.js"),B=require("./index108.js"),j=n=>{var x;const{name:c,placeholderLabel:a,disabled:l,hookFormRef:u,isError:t=!1,errorMessage:i,themeName:e="select",tokens:d,customTheme:D,label:m,onSelectionChange:R,defaultValue:k,value:F,icon:M,popoverMatchesWidth:K,options:N,...g}=n,o=T.useRef(null),s=E.useSelectState({...g,children:W,selectedKey:F,defaultSelectedKey:k,items:N,onSelectionChange:R}),{triggerProps:v,menuProps:y,labelProps:w}=q.useSelect({...g,label:m},s,o),{onPress:h,onPressStart:f,...P}=v;return r.jsxs($.default,{themeName:`${e}.wrapper`,children:[m&&r.jsx(b.default,{...w,as:"label",themeName:`${e}.label`,children:m}),r.jsx(q.HiddenSelect,{...u,state:s,triggerRef:o,name:c,isDisabled:!0}),r.jsxs($.default,{themeName:`${e}.container`,children:[r.jsxs(I.ButtonWithForwardRef,{...P,handlePress:p=>{h==null||h(p),f==null||f(p)},ref:o,disabled:l,themeName:`${e}.button`,tokens:{...d,intent:t?"error":"default"},children:[s.selectedItem?s.selectedItem.rendered:a,r.jsx(L,{icon:M??"ArrowDown"})]}),s.isOpen&&o.current&&r.jsx(B,{tokens:d,state:s,triggerRef:o,placement:"bottom",themeName:`${e}.popover`,style:{[`--${e}-container-width`]:`${(x=o.current)==null?void 0:x.offsetWidth}px`},children:r.jsx(A.ListBox,{...y,themeName:e,state:s})}),t&&r.jsx(b.default,{tokens:{...d,isError:t},themeName:`${e}.errorMessage`,children:i})]})]})},C=n=>{const{name:c,required:a}=n,{register:l,formState:u}=S.useFormContext(),t=S.get(u.errors,c),i=(t==null?void 0:t.message)??void 0,{ref:e}=l(c,{required:a?"This is an error message":!1});return r.jsx(j,{...n,isError:!H.isEmpty(i),errorMessage:i,hookFormRef:e})};exports.ReactHookFormSelect=C;exports.default=j;

package/index16.mjs

@@ -1,35 +1,88 @@
 "use client";
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { useCheckbox as B } from "@react-aria/checkbox";
-import { useFocusRing as F, FocusRing as R } from "@react-aria/focus";
-import { VisuallyHidden as v } from "@react-aria/visually-hidden";
-import { useToggleState as I } from "@react-stately/toggle";
-import { useRef as j } from "react";
-import r from "./index64.mjs";
-import D from "./index13.mjs";
-import b from "./index3.mjs";
-const A = (a) => {
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { isEmpty as P } from "lodash";
+import { useRef as T } from "react";
+import { useSelect as B, HiddenSelect as D } from "react-aria";
+import { useFormContext as E, get as W } from "react-hook-form";
+import { useSelectState as j } from "react-stately";
+import R from "./index25.mjs";
+import { ButtonWithForwardRef as q } from "./index6.mjs";
+import C from "./index14.mjs";
+import $ from "./index3.mjs";
+import H from "./index37.mjs";
+import { ListBox as K } from "./index107.mjs";
+import L from "./index108.mjs";
+const A = (m) => {
+  var b;
   const {
-    id: i,
-    label: f,
-    isDisabled: t = !1,
-    isError: n = !1,
-    errorMessage: l,
-    ariaLabel: p,
-    icon: h,
-    themeName: o = "checkbox",
-    tokens: x,
-    customTheme: s
-  } = a, m = I(a), d = j(null), { inputProps: T } = B(a, m, d), { isSelected: k } = m, { focusProps: g, isFocusVisible: y } = F(), c = { ...x, selected: k, isDisabled: t, isError: n, isFocusVisible: y }, M = r(`${o}.container`, c, s), N = r(`${o}.checkBox`, c, s), $ = r(`${o}.checkMark`, c, s), C = r(`${o}.checkMarkIcon`, c, s);
-  return /* @__PURE__ */ u("div", { children: [
-    /* @__PURE__ */ e(R, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ u("label", { className: M, htmlFor: i, "aria-label": p, "aria-disabled": t, children: [
-      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e("input", { type: "checkbox", ref: d, "aria-labelledby": i, ...T, ...g }) }),
-      /* @__PURE__ */ e("div", { className: N, "aria-checked": k, role: "checkbox", "aria-labelledby": i, children: /* @__PURE__ */ e("div", { className: $, children: h && /* @__PURE__ */ e(D, { icon: h, customTheme: C }) }) }),
-      /* @__PURE__ */ e(b, { themeName: `${o}.label`, tokens: c, children: f })
-    ] }) }),
-    n && l && /* @__PURE__ */ e(b, { themeName: `${o}.errorMessage`, tokens: c, children: l })
+    name: i,
+    placeholderLabel: a,
+    disabled: l,
+    hookFormRef: c,
+    isError: r = !1,
+    errorMessage: n,
+    themeName: e = "select",
+    tokens: f,
+    customTheme: O,
+    label: d,
+    onSelectionChange: x,
+    defaultValue: N,
+    value: k,
+    icon: y,
+    popoverMatchesWidth: V,
+    options: w,
+    ...g
+  } = m, s = T(null), t = j({
+    ...g,
+    children: H,
+    selectedKey: k,
+    defaultSelectedKey: N,
+    items: w,
+    onSelectionChange: x
+  }), { triggerProps: F, menuProps: M, labelProps: v } = B({ ...g, label: d }, t, s), { onPress: p, onPressStart: h, ...I } = F;
+  return /* @__PURE__ */ u(R, { themeName: `${e}.wrapper`, children: [
+    d && /* @__PURE__ */ o($, { ...v, as: "label", themeName: `${e}.label`, children: d }),
+    /* @__PURE__ */ o(D, { ...c, state: t, triggerRef: s, name: i, isDisabled: !0 }),
+    /* @__PURE__ */ u(R, { themeName: `${e}.container`, children: [
+      /* @__PURE__ */ u(
+        q,
+        {
+          ...I,
+          handlePress: (S) => {
+            p == null || p(S), h == null || h(S);
+          },
+          ref: s,
+          disabled: l,
+          themeName: `${e}.button`,
+          tokens: { ...f, intent: r ? "error" : "default" },
+          children: [
+            t.selectedItem ? t.selectedItem.rendered : a,
+            /* @__PURE__ */ o(C, { icon: y ?? "ArrowDown" })
+          ]
+        }
+      ),
+      t.isOpen && s.current && /* @__PURE__ */ o(
+        L,
+        {
+          tokens: f,
+          state: t,
+          triggerRef: s,
+          placement: "bottom",
+          themeName: `${e}.popover`,
+          style: { [`--${e}-container-width`]: `${(b = s.current) == null ? void 0 : b.offsetWidth}px` },
+          children: /* @__PURE__ */ o(K, { ...M, themeName: e, state: t })
+        }
+      ),
+      r && /* @__PURE__ */ o($, { tokens: { ...f, isError: r }, themeName: `${e}.errorMessage`, children: n })
+    ] })
   ] });
+}, se = (m) => {
+  const { name: i, required: a } = m, { register: l, formState: c } = E(), r = W(c.errors, i), n = (r == null ? void 0 : r.message) ?? void 0, { ref: e } = l(i, {
+    required: a ? "This is an error message" : !1
+  });
+  return /* @__PURE__ */ o(A, { ...m, isError: !P(n), errorMessage: n, hookFormRef: e });
 };
 export {
+  se as ReactHookFormSelect,
   A as default
 };