@kakadu/components 4.0.0 → 4.0.2

package/build/components/popover-menu.mjs

@@ -1,87 +1,79 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as C } from "@kuma-ui/core";
-import { useMemo as h, useState as M, useCallback as v, useEffect as S, useRef as D } from "react";
-import { buttonResetStyles as z } from "../theme.mjs";
+import { cx as F } from "@kuma-ui/core";
+import { useMemo as j, useState as A, useCallback as h, useEffect as K, useRef as z } from "react";
+import { buttonResetStyles as C } from "../theme.mjs";
 import b from "../icons/icon.mjs";
-import H, { PopoverContainer as T, usePopover as V, usePopoverContext as E } from "./popover.mjs";
+import { u as D } from "../use-synchronized-value-XnIpeq1s.mjs";
+import V, { PopoverContainer as H, usePopover as T, usePopoverContext as N } from "./popover.mjs";
 import R from "./atom.mjs";
-import { Span as F } from "./text.mjs";
+import { Span as M } from "./text.mjs";
 import B, { normalBlendStyles as G } from "./hover-gradient.mjs";
 import U from "./click-ripples.mjs";
 import q from "./separator.mjs";
 import J from "./decorators.mjs";
-import N from "./spinner.mjs";
+import I from "./spinner.mjs";
 import { SkeletonInstance as O } from "./skeleton.mjs";
 import Q from "./aria-text.mjs";
-const w = /* @__PURE__ */ new Set();
-function A() {
-  const [n, r] = M(!1), s = v((a) => {
-    r(a);
-    for (const t of w)
-      t(a);
-  }, []);
-  return S(() => {
-    const a = (t) => {
-      r(t);
-    };
-    return w.add(a), () => {
-      w.delete(a);
-    };
-  }, []), h(() => ({
+function E() {
+  const {
+    value: n,
+    setValue: t
+  } = D("isKeyboardNavigating");
+  return j(() => ({
     isKeyboardNavigating: n,
-    setIsKeyboardNavigating: s
-  }), [n, s]);
+    setIsKeyboardNavigating: t
+  }), [n, t]);
 }
-const de = "kakadu-components-949294122";
+const fe = "kakadu-components-949294122";
 function W({
   isLoading: n,
-  label: r,
-  iconLeft: s,
-  iconRight: a,
-  href: t,
-  target: p,
-  shouldCloseOnClick: k = !0,
-  decorators: c = [],
-  submenu: o,
+  label: t,
+  iconLeft: a,
+  iconRight: u,
+  href: o,
+  target: l,
+  shouldCloseOnClick: x = !0,
+  decorators: i = [],
+  submenu: r,
   className: d,
-  onClick: u,
+  onClick: c,
   ...m
 }) {
   const {
     isVisible: f,
-    isPreparingFocus: l,
-    isFocused: i,
-    close: j
-  } = E(), {
-    isKeyboardNavigating: x
-  } = A(), y = D(!0), g = v(() => {
-    y.current = i;
-  }, [i]), I = v((K) => {
-    !x && !y.current || i && (u == null || u(K), o ? o.show() : k && (j == null || j()));
-  }, [x, i, u, o, k, j]), P = h(() => /* @__PURE__ */ e.jsxs(R, { as: t && !n ? "a" : "button", ...m, type: t && !n ? void 0 : "button", role: "menuitem", href: t, target: p, inert: !f && !l || n, disabled: t ? void 0 : !f && !l || n, className: C(z, "kakadu-components-1772835671", i && "kakadu-components-3160069815", x ? "kakadu-components-2254977234" : i && "kakadu-components-278139688", d), onClick: I, onPointerDownCapture: g, children: [
-    /* @__PURE__ */ e.jsx(F, { className: "kakadu-components-1109353535", children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(Q, { children: r }),
-      s ? /* @__PURE__ */ e.jsx(N, { size: 12 }) : null,
+    isPreparingFocus: p,
+    isFocused: s,
+    close: k
+  } = N(), {
+    isKeyboardNavigating: v
+  } = E(), y = z(!0), w = h(() => {
+    y.current = s;
+  }, [s]), g = h((S) => {
+    !v && !y.current || s && (c == null || c(S), r ? r.show() : x && (k == null || k()));
+  }, [v, s, c, r, x, k]), P = j(() => /* @__PURE__ */ e.jsxs(R, { as: o && !n ? "a" : "button", ...m, type: o && !n ? void 0 : "button", role: "menuitem", href: o, target: l, inert: !f && !p || n, disabled: o ? void 0 : !f && !p || n, className: F(C, "kakadu-components-1772835671", s && "kakadu-components-3160069815", v ? "kakadu-components-2254977234" : s && "kakadu-components-278139688", d), onClick: g, onPointerDownCapture: w, children: [
+    /* @__PURE__ */ e.jsx(M, { className: "kakadu-components-1109353535", children: n ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(Q, { children: t }),
+      a ? /* @__PURE__ */ e.jsx(I, { size: 12 }) : null,
       /* @__PURE__ */ e.jsx(O, { height: "1em", width: "100%" }),
-      a ? /* @__PURE__ */ e.jsx(N, { size: 12 }) : null
+      u ? /* @__PURE__ */ e.jsx(I, { size: 12 }) : null
     ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      s ? /* @__PURE__ */ e.jsx(b, { width: 12, height: 12, type: s }) : null,
-      /* @__PURE__ */ e.jsx("span", { className: "kakadu-components-4055589237", children: r }),
-      a ? /* @__PURE__ */ e.jsx(b, { width: 12, height: 12, type: a }) : null
+      a ? /* @__PURE__ */ e.jsx(b, { width: 12, height: 12, type: a }) : null,
+      /* @__PURE__ */ e.jsx("span", { className: "kakadu-components-4055589237", children: t }),
+      u ? /* @__PURE__ */ e.jsx(b, { width: 12, height: 12, type: u }) : null
     ] }) }),
-    x || n ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx(U, { isActive: i, size: 100 }),
-      /* @__PURE__ */ e.jsx(B, { isActive: i, size: 150, className: G })
+    v || n ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      /* @__PURE__ */ e.jsx(U, { isActive: s, size: 100 }),
+      /* @__PURE__ */ e.jsx(B, { isActive: s, size: 150, className: G })
     ] })
-  ] }), [t, p, n, m, f, l, x, d, I, g, s, r, a, i]);
-  return /* @__PURE__ */ e.jsx(J, { decorators: c, children: o ? /* @__PURE__ */ e.jsx(_, { menu: o.popoverMenu, className: "kakadu-components-1861176543", children: P }) : P });
+  ] }), [o, n, m, l, f, p, s, v, d, g, w, a, t, u]);
+  return /* @__PURE__ */ e.jsx(J, { decorators: i, children: r ? /* @__PURE__ */ e.jsx(_, { menu: r.popoverMenu, className: "kakadu-components-1861176543", children: P }) : P });
 }
 function X(n) {
   if ("type" in n) {
     if (n.type === "separator")
       return /* @__PURE__ */ e.jsx(q, {});
     if (n.type === "group")
-      return /* @__PURE__ */ e.jsx(F, { className: "kakadu-components-1499037363", children: n.label });
+      return /* @__PURE__ */ e.jsx(M, { className: "kakadu-components-1499037363", children: n.label });
   }
   return /* @__PURE__ */ e.jsx(W, { ...n });
 }
@@ -89,31 +81,31 @@ function Y({
   items: n
 }) {
   const {
-    isFocused: r
-  } = E(), [s, a] = M([]), {
-    setIsKeyboardNavigating: t
-  } = A(), p = v((c) => {
-    c && a((o) => o.includes(c) ? o : [...o, c]);
-  }, []), k = v((c) => {
-    r && (c.currentTarget.focus(), t(!1));
-  }, [r, t]);
-  return S(() => {
-    if (!r)
+    isFocused: t
+  } = N(), [a, u] = A([]), {
+    setIsKeyboardNavigating: o
+  } = E(), l = h((i) => {
+    i && u((r) => r.includes(i) ? r : [...r, i]);
+  }, []), x = h((i) => {
+    t && (i.currentTarget.focus(), o(!1));
+  }, [t, o]);
+  return K(() => {
+    if (!t)
       return;
-    const c = (o) => {
-      const d = s.filter((i) => i.isConnected), u = d.length;
-      if (u === 0)
+    const i = (r) => {
+      const d = a.filter((s) => s.isConnected), c = d.length;
+      if (c === 0)
         return;
       let m;
       const f = document.activeElement;
-      let l = f ? d.indexOf(f) : -1;
-      switch (l === -1 && (l = 0), o.key) {
+      let p = f ? d.indexOf(f) : -1;
+      switch (p === -1 && (p = 0), r.key) {
         case "ArrowDown": {
-          m = (l + 1) % u;
+          m = (p + 1) % c;
           break;
         }
         case "ArrowUp": {
-          m = (l - 1 + u) % u;
+          m = (p - 1 + c) % c;
           break;
         }
         case "Home": {
@@ -121,71 +113,71 @@ function Y({
           break;
         }
         case "End": {
-          m = u - 1;
+          m = c - 1;
           break;
         }
         case "Tab": {
-          t(!0);
+          o(!0);
           return;
         }
       }
       if (m !== void 0) {
-        o.preventDefault(), o.stopPropagation();
-        const i = d[m];
-        i && (i.focus(), t(!0));
+        r.preventDefault(), r.stopPropagation();
+        const s = d[m];
+        s && (s.focus(), o(!0));
       }
     };
-    return window.addEventListener("keydown", c, {
+    return window.addEventListener("keydown", i, {
       capture: !0
     }), () => {
-      window.removeEventListener("keydown", c, {
+      window.removeEventListener("keydown", i, {
         capture: !0
       });
     };
-  }, [r, s, t]), /* @__PURE__ */ e.jsx(e.Fragment, { children: n.map((c, o) => /* @__PURE__ */ e.jsx(
+  }, [t, a, o]), /* @__PURE__ */ e.jsx(e.Fragment, { children: n.map((i, r) => /* @__PURE__ */ e.jsx(
     X,
     {
-      ...c,
-      reference: p,
-      onMouseEnter: k
+      ...i,
+      reference: l,
+      onMouseEnter: x
     },
-    o
+    r
   )) });
 }
 function Z({
   items: n,
-  ...r
+  ...t
 }) {
-  return /* @__PURE__ */ e.jsx(H, { ...r, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ e.jsx(Y, { items: n }) });
+  return /* @__PURE__ */ e.jsx(V, { ...t, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ e.jsx(Y, { items: n }) });
 }
-function fe(n) {
-  const r = h(() => ({
+function ve(n) {
+  const t = j(() => ({
     items: n
   }), [n]), {
-    isVisible: s,
-    show: a,
-    close: t,
-    popover: p
-  } = V(Z, r);
-  return h(() => ({
-    isVisible: s,
-    show: a,
-    close: t,
-    popoverMenu: p
-  }), [s, a, t, p]);
+    isVisible: a,
+    show: u,
+    close: o,
+    popover: l
+  } = T(Z, t);
+  return j(() => ({
+    isVisible: a,
+    show: u,
+    close: o,
+    popoverMenu: l
+  }), [a, u, o, l]);
 }
 function _({
   menu: n,
-  className: r,
-  children: s
+  className: t,
+  children: a
 }) {
-  return /* @__PURE__ */ e.jsxs(T, { className: r, children: [
-    s,
+  return /* @__PURE__ */ e.jsxs(H, { className: t, children: [
+    a,
     n
   ] });
 }
 export {
-  de as dangerPopoverMenuItemStyles,
+  fe as dangerPopoverMenuItemStyles,
   _ as default,
-  fe as usePopoverMenu
+  ve as usePopoverMenu
 };

package/build/components/popover.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),f=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-CcpTuiJi.js"),R=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...o}){return n.jsxRuntimeExports.jsx(R.default,{as:i??R.defaultAtomElementType,...o,className:f.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:o,shouldCloseOnOutsideClick:d=!0,shouldCloseOnEscapePress:a=!0,children:p,className:u,innerClassName:x,onClose:r,...v}){const I=e.useRef(null),S=e.useRef(null),[q,h]=e.useState(!1),[A,k]=e.useState(!1),[C,H]=e.useState(!1),[c,g]=e.useState(!1),[U,j]=e.useState(!1),M=e.useCallback(t=>{I.current=t,g(!1)},[]),E=e.useRef(null),N=e.useCallback(t=>{t&&(E.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onPostActivate(){var t;k(!0),h(!1),(t=E.current)==null||t.focus()},clickOutsideDeactivates:d,escapeDeactivates:a,onPostUnpause(){k(!0)},onPause(){k(!1)},onDeactivate(){j(!1),g(!1),k(!1)}}),[d,a]),[L,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:L,isPreparingFocus:q,isFocused:A,setInitialFocus:N,close:M}),[L,q,A,N,M]),[l,y]=e.useState("center");return e.useEffect(()=>{const t=S.current;if(t){const P=()=>{const D=t.offsetParent,F=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!F){y("center");return}const T=16,_=window.innerWidth-T,b=F.left+F.width/2-V.width/2,z=b+V.width,B=b<T,W=z>_;let m="center";if(B&&W){const w=T-b;m=z-_>w?"right":"left"}else W?m="right":B&&(m="left");y(w=>w===m?w:m)};return P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{g(!0)},100);return()=>{clearTimeout(t)}}g(!1)},[s]),e.useEffect(()=>{if(!c){j(!1),h(!1);return}h(!0);const t=window.requestAnimationFrame(()=>{j(!0)});return()=>{window.cancelAnimationFrame(t)}},[c]),e.useEffect(()=>{if(C&&!c){const t=setTimeout(()=>{r==null||r(I.current??void 0),O(!1)},370);return()=>{clearTimeout(t)}}},[C,c,r]),n.jsxRuntimeExports.jsx(R.default,{reference:S,as:i??R.defaultAtomElementType,role:"dialog","aria-hidden":!c,"aria-label":o??"Popover",...v,className:f.cx("kakadu-components-3920007758",l==="left"&&"kakadu-components-611400930",l==="right"&&"kakadu-components-944244368",c&&"kakadu-components-1399012551",u),children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-1118152266",c&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-1951789226",l==="left"&&"kakadu-components-1495725644",l==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-2488426662",x),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:p}),n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-3252390100",l==="left"&&"kakadu-components-3754561431",l==="right"&&"kakadu-components-2265262600")})]})})]})})}function ee(i,s){const[o,d]=e.useState(!1),a=e.useRef(void 0),p=e.useCallback(async()=>(d(!0),new Promise(r=>{a.current=r})),[]),u=e.useCallback(r=>{var v;d(!1),(v=a.current)==null||v.call(a,r),a.current=void 0},[]),x=e.useMemo(()=>n.jsxRuntimeExports.jsx(i,{...s,isVisible:o,onClose:u}),[i,s,o,u]);return e.useMemo(()=>({isVisible:o,show:p,close:u,popover:x}),[o,p,u,x])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),f=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-CkKg4ubd.js"),R=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...o}){return n.jsxRuntimeExports.jsx(R.default,{as:i??R.defaultAtomElementType,...o,className:f.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:o,shouldCloseOnOutsideClick:d=!0,shouldCloseOnEscapePress:a=!0,children:p,className:u,innerClassName:x,onClose:r,...v}){const I=e.useRef(null),S=e.useRef(null),[q,h]=e.useState(!1),[A,k]=e.useState(!1),[C,H]=e.useState(!1),[c,g]=e.useState(!1),[U,j]=e.useState(!1),M=e.useCallback(t=>{I.current=t,g(!1)},[]),E=e.useRef(null),N=e.useCallback(t=>{t&&(E.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>E.current??void 0,onPostActivate(){var t;k(!0),h(!1),(t=E.current)==null||t.focus()},clickOutsideDeactivates:d,escapeDeactivates:a,onPostUnpause(){k(!0)},onPause(){k(!1)},onDeactivate(){j(!1),g(!1),k(!1)}}),[d,a]),[L,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:L,isPreparingFocus:q,isFocused:A,setInitialFocus:N,close:M}),[L,q,A,N,M]),[l,y]=e.useState("center");return e.useEffect(()=>{const t=S.current;if(t){const P=()=>{const D=t.offsetParent,F=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!F){y("center");return}const T=16,_=window.innerWidth-T,b=F.left+F.width/2-V.width/2,z=b+V.width,B=b<T,W=z>_;let m="center";if(B&&W){const w=T-b;m=z-_>w?"right":"left"}else W?m="right":B&&(m="left");y(w=>w===m?w:m)};return P(),window.addEventListener("resize",P),()=>{window.removeEventListener("resize",P)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{g(!0)},100);return()=>{clearTimeout(t)}}g(!1)},[s]),e.useEffect(()=>{if(!c){j(!1),h(!1);return}h(!0);const t=window.requestAnimationFrame(()=>{j(!0)});return()=>{window.cancelAnimationFrame(t)}},[c]),e.useEffect(()=>{if(C&&!c){const t=setTimeout(()=>{r==null||r(I.current??void 0),O(!1)},370);return()=>{clearTimeout(t)}}},[C,c,r]),n.jsxRuntimeExports.jsx(R.default,{reference:S,as:i??R.defaultAtomElementType,role:"dialog","aria-hidden":!c,"aria-label":o??"Popover",...v,className:f.cx("kakadu-components-3920007758",l==="left"&&"kakadu-components-611400930",l==="right"&&"kakadu-components-944244368",c&&"kakadu-components-1399012551",u),children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-1118152266",c&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-1951789226",l==="left"&&"kakadu-components-1495725644",l==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:f.cx("kakadu-components-2488426662",x),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:p}),n.jsxRuntimeExports.jsx("div",{className:f.cx("kakadu-components-3252390100",l==="left"&&"kakadu-components-3754561431",l==="right"&&"kakadu-components-2265262600")})]})})]})})}function ee(i,s){const[o,d]=e.useState(!1),a=e.useRef(void 0),p=e.useCallback(async()=>(d(!0),new Promise(r=>{a.current=r})),[]),u=e.useCallback(r=>{var v;d(!1),(v=a.current)==null||v.call(a,r),a.current=void 0},[]),x=e.useMemo(()=>n.jsxRuntimeExports.jsx(i,{...s,isVisible:o,onClose:u}),[i,s,o,u]);return e.useMemo(()=>({isVisible:o,show:p,close:u,popover:x}),[o,p,u,x])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;

package/build/components/popover.mjs

@@ -1,7 +1,7 @@
 import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as f } from "@kuma-ui/core";
 import { createContext as ee, useRef as F, useState as r, useCallback as P, useMemo as j, useEffect as p, useContext as te } from "react";
-import { f as se } from "../focus-trap-react-DYXrtbDH.mjs";
+import { f as se } from "../focus-trap-react-DATIi_Ob.mjs";
 import K, { defaultAtomElementType as Q } from "./atom.mjs";
 const X = ee({
   isVisible: !1,

package/build/components/select.d.ts

@@ -0,0 +1,12 @@
+import { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
+import { type InputLabelControllerProperties } from './input';
+export type SelectOption<Type extends string = string> = {
+    readonly value: Type;
+    readonly label: ReactNode | string;
+    readonly disabled?: boolean;
+};
+export type SelectProperties<Type extends string = string> = Omit<InputLabelControllerProperties & HTMLProps<HTMLSelectElement>, 'onChange'> & {
+    readonly options: Array<SelectOption<Type>>;
+    readonly onChange?: (value: Type, event: ChangeEvent<HTMLSelectElement>) => void;
+};
+export default function Select<Type extends string = string>({ label, options, error, warning, information, footnote, className, onChange, ...properties }: SelectProperties<Type>): import("react/jsx-runtime").JSX.Element;

package/build/components/select.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),r=require("react"),S=require("@kuma-ui/core"),$=require("../icons/chevron-up.js"),p=require("./input.js");function B({label:h,options:I,error:l,warning:u,information:c,footnote:q,className:E,onChange:t,...d}){const o=r.useId(),m=`${o}-error`,x=`${o}-warning`,v=`${o}-information`,s=!!l,i=!s&&!!u,b=!s&&!i&&!!c,g=s?m:i?x:b?v:void 0,{value:n}=d,[k,f]=r.useState(""),y=n??k;r.useEffect(()=>{f(typeof n=="string"?n:"")},[n]);const R=r.useCallback(e=>{const{value:j}=e.target;f(j),t==null||t(j,e)},[t]);return a.jsxRuntimeExports.jsxs(p.InputLabel,{label:h,error:l,errorId:m,warning:u,warningId:x,information:c,informationId:v,footnote:q,children:[a.jsxRuntimeExports.jsx("select",{...d,value:y,"aria-invalid":s,"data-warning":i,"data-information":b,"aria-describedby":g,className:S.cx(p.inputStyles,"kakadu-components-4228384787",E),onChange:R,children:I.map(e=>a.jsxRuntimeExports.jsx("option",{value:e.value,disabled:e.disabled,children:e.label},e.value))}),a.jsxRuntimeExports.jsx($.default,{width:14,height:14,className:"kakadu-components-158931186"})]})}exports.default=B;

package/build/components/select.mjs

@@ -0,0 +1,36 @@
+import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useId as S, useState as w, useEffect as E, useCallback as V } from "react";
+import { cx as $ } from "@kuma-ui/core";
+import N from "../icons/chevron-up.mjs";
+import { InputLabel as L, inputStyles as R } from "./input.mjs";
+function D({
+  label: b,
+  options: h,
+  error: l,
+  warning: i,
+  information: c,
+  footnote: I,
+  className: j,
+  onChange: e,
+  ...d
+}) {
+  const o = S(), u = `${o}-error`, m = `${o}-warning`, f = `${o}-information`, t = !!l, r = !t && !!i, p = !t && !r && !!c, k = t ? u : r ? m : p ? f : void 0, {
+    value: s
+  } = d, [g, v] = w(""), y = s ?? g;
+  E(() => {
+    v(typeof s == "string" ? s : "");
+  }, [s]);
+  const B = V((a) => {
+    const {
+      value: x
+    } = a.target;
+    v(x), e == null || e(x, a);
+  }, [e]);
+  return /* @__PURE__ */ n.jsxs(L, { label: b, error: l, errorId: u, warning: i, warningId: m, information: c, informationId: f, footnote: I, children: [
+    /* @__PURE__ */ n.jsx("select", { ...d, value: y, "aria-invalid": t, "data-warning": r, "data-information": p, "aria-describedby": k, className: $(R, "kakadu-components-4228384787", j), onChange: B, children: h.map((a) => /* @__PURE__ */ n.jsx("option", { value: a.value, disabled: a.disabled, children: a.label }, a.value)) }),
+    /* @__PURE__ */ n.jsx(N, { width: 14, height: 14, className: "kakadu-components-158931186" })
+  ] });
+}
+export {
+  D as default
+};

package/build/components/theme-setter.d.ts

@@ -2,7 +2,7 @@ import { type RefObject } from 'react';
 export declare const themePreferences: string[];
 type ThemePreference = (typeof themePreferences)[number];
 type ThemeElement = HTMLElement | RefObject<HTMLElement | null>;
-export declare function useTheme(element?: ThemeElement): string;
+export declare function useTheme(element?: ThemeElement): ThemePreference;
 export declare function useIsLightMode(element?: ThemeElement): boolean;
 export declare function useIsDarkMode(element?: ThemeElement): boolean;
 export declare function getThemePreference(): string;