@kakadu/components 3.15.5 → 4.0.1

package/build/components/button-tooltip.d.ts

@@ -1,7 +1,5 @@
-export declare enum ButtonTooltipPosition {
-    top = "top",
-    bottom = "bottom"
-}
+export declare const buttonTooltipPositions: readonly ["top", "bottom"];
+export type ButtonTooltipPosition = (typeof buttonTooltipPositions)[number];
 export type ButtonTooltipProperties = {
     readonly id?: string;
     readonly label: string;

package/build/components/button-tooltip.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),u=require("@kuma-ui/core");var a=(t=>(t.top="top",t.bottom="bottom",t))(a||{});function s({id:t,label:r,position:o="top",className:e}){return n.jsxRuntimeExports.jsx("div",{id:t,role:"tooltip",className:u.cx("kakadu-components-982005200",o==="top"&&"kakadu-components-430823771",o==="bottom"&&"kakadu-components-2189175034",e),children:n.jsxRuntimeExports.jsx("span",{className:u.cx("kakadu-components-3316581213",o==="top"&&"kakadu-components-2481216458",o==="bottom"&&"kakadu-components-637471806",e),children:r})})}exports.ButtonTooltipPosition=a;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),n=require("@kuma-ui/core"),a=["top","bottom"];function c({id:s,label:u,position:o="top",className:t}){return e.jsxRuntimeExports.jsx("div",{id:s,role:"tooltip",className:n.cx("kakadu-components-982005200",o==="top"&&"kakadu-components-430823771",o==="bottom"&&"kakadu-components-2189175034",t),children:e.jsxRuntimeExports.jsx("span",{className:n.cx("kakadu-components-3316581213",o==="top"&&"kakadu-components-2481216458",o==="bottom"&&"kakadu-components-637471806",t),children:u})})}exports.buttonTooltipPositions=a;exports.default=c;

package/build/components/button-tooltip.mjs

@@ -1,15 +1,15 @@
-import { j as m } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as n } from "@kuma-ui/core";
-var p = /* @__PURE__ */ ((o) => (o.top = "top", o.bottom = "bottom", o))(p || {});
-function c({
-  id: o,
-  label: e,
-  position: t = "top",
-  className: a
+import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
+import { cx as a } from "@kuma-ui/core";
+const c = ["top", "bottom"];
+function k({
+  id: m,
+  label: p,
+  position: o = "top",
+  className: t
 }) {
-  return /* @__PURE__ */ m.jsx("div", { id: o, role: "tooltip", className: n("kakadu-components-982005200", t === "top" && "kakadu-components-430823771", t === "bottom" && "kakadu-components-2189175034", a), children: /* @__PURE__ */ m.jsx("span", { className: n("kakadu-components-3316581213", t === "top" && "kakadu-components-2481216458", t === "bottom" && "kakadu-components-637471806", a), children: e }) });
+  return /* @__PURE__ */ n.jsx("div", { id: m, role: "tooltip", className: a("kakadu-components-982005200", o === "top" && "kakadu-components-430823771", o === "bottom" && "kakadu-components-2189175034", t), children: /* @__PURE__ */ n.jsx("span", { className: a("kakadu-components-3316581213", o === "top" && "kakadu-components-2481216458", o === "bottom" && "kakadu-components-637471806", t), children: p }) });
 }
 export {
-  p as ButtonTooltipPosition,
-  c as default
+  c as buttonTooltipPositions,
+  k as default
 };

package/build/components/button.d.ts

@@ -6,12 +6,8 @@ export declare function ButtonLoader({ isLoading, size, className, }: {
     readonly size?: number;
     readonly className?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare enum ButtonVariant {
-    primary = "primary",
-    secondary = "secondary",
-    warning = "warning",
-    danger = "danger"
-}
+export declare const buttonVariants: readonly ["primary", "secondary", "warning", "danger"];
+export type ButtonVariant = (typeof buttonVariants)[number];
 export declare const buttonSecondaryStyles: string;
 export declare const buttonSuccessStyles: string;
 export declare const buttonWarningStyles: string;

package/build/components/button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),R=require("react"),u=require("@kuma-ui/core"),$=require("../theme.js"),C=require("../icons/icon.js"),F=require("./spinner.js"),O=require("./moving-gradients.js"),P=require("./moving-stars.js"),H=require("./theme-setter.js"),J=require("./click-ripples.js"),E=require("./hover-gradient.js"),K=require("./button-tooltip.js"),Q=require("./aria-text.js"),U=require("./atom.js"),X=require("./skeleton.js");function f({isLoading:s,size:n,className:a}){return e.jsxRuntimeExports.jsx("div",{className:u.cx("kakadu-components-2832510379",s&&"kakadu-components-4114685569",a),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-920467642",children:e.jsxRuntimeExports.jsx(F.RevealSpinner,{isVisible:s,size:n})})})}var v=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(v||{});function b({icon:s,variant:n="primary",className:a,...c}){return e.jsxRuntimeExports.jsx("div",{...c,className:u.cx("kakadu-components-2658660333",n==="secondary"&&"kakadu-components-3469662110",a),children:typeof s=="string"?e.jsxRuntimeExports.jsx(C.default,{width:14,height:14,type:s}):s})}const S="kakadu-components-2244098950",Y="kakadu-components-3923184173",g="kakadu-components-317965671",q="kakadu-components-1978976872";function Z({type:s,variant:n="primary",href:a,target:c,rel:h,disabled:_,className:N,children:t,label:w,tooltip:i,tooltipPosition:B,iconLeft:m,iconRight:x,isLoading:l,isSkeleton:r,isSkeletonAnimated:M=!0,hasMovingGradients:D=!1,movingGradientsCount:p=4,hasMovingStars:I=!1,movingStarsCount:k=10,...T}){const j=R.useId(),y=R.useRef(null),G=H.useIsDarkMode(y),z=s??"button",A=D&&p>0,W=I&&k>0,o=a&&!r,d=!!_||!!l||!!r;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3559664923",children:[e.jsxRuntimeExports.jsxs(U.default,{...T,as:o?"a":"button",type:o?void 0:z,href:o?a:void 0,target:o?c:void 0,rel:o?h:void 0,"aria-describedby":i?j:void 0,disabled:o?void 0:d,inert:o?d:void 0,className:u.cx($.effectStyles,"kakadu-components-4212105756",!!m&&"kakadu-components-2735110382",!t&&"kakadu-components-3621693630",n==="secondary"&&S,n==="warning"&&g,n==="danger"&&q,r&&"kakadu-components-2662775151",N),children:[m?e.jsxRuntimeExports.jsx(b,{variant:n,icon:m,className:t?"kakadu-components-136489413":void 0}):null,t?e.jsxRuntimeExports.jsx("div",{ref:y,className:"kakadu-components-207477259",children:t}):e.jsxRuntimeExports.jsx(Q.default,{children:w}),x?e.jsxRuntimeExports.jsx(b,{variant:n,icon:x,className:t?"kakadu-components-3631501803":void 0}):null,e.jsxRuntimeExports.jsx(f,{isLoading:l}),A&&e.jsxRuntimeExports.jsx(O.default,{opacity:G?.4:.3,maximumGradientsCount:p,className:u.cx("kakadu-components-2055737617",n==="secondary"&&"kakadu-components-2972748387")}),W&&e.jsxRuntimeExports.jsx(P.default,{maximumStarsCount:k,className:"kakadu-components-1226008615"}),d?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(J.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(E.default,{size:t?void 0:50,className:n==="secondary"?E.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(K.default,{id:j,label:i,position:B}):null]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(X.SkeletonInstance,{width:"100%",height:"100%",isAnimated:M})}):null]})}exports.ButtonLoader=f;exports.ButtonVariant=v;exports.buttonDangerStyles=q;exports.buttonSecondaryStyles=S;exports.buttonSuccessStyles=Y;exports.buttonWarningStyles=g;exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),R=require("react"),u=require("@kuma-ui/core"),A=require("../theme.js"),W=require("../icons/icon.js"),$=require("./spinner.js"),C=require("./moving-gradients.js"),F=require("./moving-stars.js"),O=require("./theme-setter.js"),P=require("./click-ripples.js"),b=require("./hover-gradient.js"),H=require("./button-tooltip.js"),J=require("./aria-text.js"),K=require("./atom.js"),Q=require("./skeleton.js");function f({isLoading:t,size:s,className:a}){return e.jsxRuntimeExports.jsx("div",{className:u.cx("kakadu-components-2832510379",t&&"kakadu-components-4114685569",a),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-920467642",children:e.jsxRuntimeExports.jsx($.RevealSpinner,{isVisible:t,size:s})})})}const U=["primary","secondary","warning","danger"];function E({icon:t,variant:s="primary",className:a,...c}){return e.jsxRuntimeExports.jsx("div",{...c,className:u.cx("kakadu-components-2658660333",s==="secondary"&&"kakadu-components-3469662110",a),children:typeof t=="string"?e.jsxRuntimeExports.jsx(W.default,{width:14,height:14,type:t}):t})}const v="kakadu-components-2244098950",X="kakadu-components-3923184173",S="kakadu-components-317965671",q="kakadu-components-1978976872";function Y({type:t,variant:s="primary",href:a,target:c,rel:g,disabled:h,className:_,children:n,label:N,tooltip:i,tooltipPosition:B,iconLeft:m,iconRight:x,isLoading:l,isSkeleton:r,isSkeletonAnimated:w=!0,hasMovingGradients:M=!1,movingGradientsCount:p=4,hasMovingStars:D=!1,movingStarsCount:k=10,...I}){const j=R.useId(),y=R.useRef(null),T=O.useIsDarkMode(y),G=t??"button",V=M&&p>0,z=D&&k>0,o=a&&!r,d=!!h||!!l||!!r;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3559664923",children:[e.jsxRuntimeExports.jsxs(K.default,{...I,as:o?"a":"button",type:o?void 0:G,href:o?a:void 0,target:o?c:void 0,rel:o?g:void 0,"aria-describedby":i?j:void 0,disabled:o?void 0:d,inert:o?d:void 0,className:u.cx(A.effectStyles,"kakadu-components-4212105756",!!m&&"kakadu-components-2735110382",!n&&"kakadu-components-3621693630",s==="secondary"&&v,s==="warning"&&S,s==="danger"&&q,r&&"kakadu-components-2662775151",_),children:[m?e.jsxRuntimeExports.jsx(E,{variant:s,icon:m,className:n?"kakadu-components-136489413":void 0}):null,n?e.jsxRuntimeExports.jsx("div",{ref:y,className:"kakadu-components-207477259",children:n}):e.jsxRuntimeExports.jsx(J.default,{children:N}),x?e.jsxRuntimeExports.jsx(E,{variant:s,icon:x,className:n?"kakadu-components-3631501803":void 0}):null,e.jsxRuntimeExports.jsx(f,{isLoading:l}),V&&e.jsxRuntimeExports.jsx(C.default,{opacity:T?.4:.3,maximumGradientsCount:p,className:u.cx("kakadu-components-2055737617",s==="secondary"&&"kakadu-components-2972748387")}),z&&e.jsxRuntimeExports.jsx(F.default,{maximumStarsCount:k,className:"kakadu-components-1226008615"}),d?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(P.default,{size:n?void 0:50}),e.jsxRuntimeExports.jsx(b.default,{size:n?void 0:50,className:s==="secondary"?b.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(H.default,{id:j,label:i,position:B}):null]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(Q.SkeletonInstance,{width:"100%",height:"100%",isAnimated:w})}):null]})}exports.ButtonLoader=f;exports.buttonDangerStyles=q;exports.buttonSecondaryStyles=v;exports.buttonSuccessStyles=X;exports.buttonVariants=U;exports.buttonWarningStyles=S;exports.default=Y;

package/build/components/button.mjs

@@ -3,80 +3,80 @@ import { useId as R, useRef as T } from "react";
 import { cx as m } from "@kuma-ui/core";
 import { effectStyles as z } from "../theme.mjs";
 import C from "../icons/icon.mjs";
-import { RevealSpinner as E } from "./spinner.mjs";
-import F from "./moving-gradients.mjs";
-import H from "./moving-stars.mjs";
-import { useIsDarkMode as W } from "./theme-setter.mjs";
-import q from "./click-ripples.mjs";
-import J, { normalBlendStyles as K } from "./hover-gradient.mjs";
-import O from "./button-tooltip.mjs";
-import P from "./aria-text.mjs";
-import Q from "./atom.mjs";
-import { SkeletonInstance as U } from "./skeleton.mjs";
-function X({
-  isLoading: s,
-  size: n,
-  className: t
+import { RevealSpinner as V } from "./spinner.mjs";
+import E from "./moving-gradients.mjs";
+import F from "./moving-stars.mjs";
+import { useIsDarkMode as H } from "./theme-setter.mjs";
+import W from "./click-ripples.mjs";
+import q, { normalBlendStyles as J } from "./hover-gradient.mjs";
+import K from "./button-tooltip.mjs";
+import O from "./aria-text.mjs";
+import P from "./atom.mjs";
+import { SkeletonInstance as Q } from "./skeleton.mjs";
+function U({
+  isLoading: n,
+  size: s,
+  className: e
 }) {
-  return /* @__PURE__ */ o.jsx("div", { className: m("kakadu-components-2832510379", s && "kakadu-components-4114685569", t), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-920467642", children: /* @__PURE__ */ o.jsx(E, { isVisible: s, size: n }) }) });
+  return /* @__PURE__ */ o.jsx("div", { className: m("kakadu-components-2832510379", n && "kakadu-components-4114685569", e), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-920467642", children: /* @__PURE__ */ o.jsx(V, { isVisible: n, size: s }) }) });
 }
-var Y = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(Y || {});
-function j({
-  icon: s,
-  variant: n = "primary",
-  className: t,
-  ...d
+const lo = ["primary", "secondary", "warning", "danger"];
+function y({
+  icon: n,
+  variant: s = "primary",
+  className: e,
+  ...c
 }) {
-  return /* @__PURE__ */ o.jsx("div", { ...d, className: m("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", t), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(C, { width: 14, height: 14, type: s }) : s });
+  return /* @__PURE__ */ o.jsx("div", { ...c, className: m("kakadu-components-2658660333", s === "secondary" && "kakadu-components-3469662110", e), children: typeof n == "string" ? /* @__PURE__ */ o.jsx(C, { width: 14, height: 14, type: n }) : n });
 }
-const Z = "kakadu-components-2244098950", ko = "kakadu-components-3923184173", _ = "kakadu-components-317965671", $ = "kakadu-components-1978976872";
+const X = "kakadu-components-2244098950", ko = "kakadu-components-3923184173", Y = "kakadu-components-317965671", Z = "kakadu-components-1978976872";
 function xo({
-  type: s,
-  variant: n = "primary",
-  href: t,
-  target: d,
+  type: n,
+  variant: s = "primary",
+  href: e,
+  target: c,
   rel: v,
   disabled: b,
-  className: g,
-  children: e,
-  label: N,
-  tooltip: c,
+  className: N,
+  children: t,
+  label: g,
+  tooltip: d,
   tooltipPosition: h,
   iconLeft: i,
   iconRight: p,
   isLoading: l,
   isSkeleton: r,
-  isSkeletonAnimated: S = !0,
-  hasMovingGradients: w = !1,
+  isSkeletonAnimated: B = !0,
+  hasMovingGradients: S = !1,
   movingGradientsCount: k = 4,
-  hasMovingStars: B = !1,
+  hasMovingStars: w = !1,
   movingStarsCount: x = 10,
   ...I
 }) {
-  const f = R(), y = T(null), M = W(y), A = s ?? "button", D = w && k > 0, G = B && x > 0, a = t && !r, u = !!b || !!l || !!r;
+  const f = R(), j = T(null), M = H(j), A = n ?? "button", D = S && k > 0, G = w && x > 0, a = e && !r, u = !!b || !!l || !!r;
   return /* @__PURE__ */ o.jsxs("div", { className: "kakadu-components-3559664923", children: [
-    /* @__PURE__ */ o.jsxs(Q, { ...I, as: a ? "a" : "button", type: a ? void 0 : A, href: a ? t : void 0, target: a ? d : void 0, rel: a ? v : void 0, "aria-describedby": c ? f : void 0, disabled: a ? void 0 : u, inert: a ? u : void 0, className: m(z, "kakadu-components-4212105756", !!i && "kakadu-components-2735110382", !e && "kakadu-components-3621693630", n === "secondary" && Z, n === "warning" && _, n === "danger" && $, r && "kakadu-components-2662775151", g), children: [
-      i ? /* @__PURE__ */ o.jsx(j, { variant: n, icon: i, className: e ? "kakadu-components-136489413" : void 0 }) : null,
-      e ? /* @__PURE__ */ o.jsx("div", { ref: y, className: "kakadu-components-207477259", children: e }) : /* @__PURE__ */ o.jsx(P, { children: N }),
-      p ? /* @__PURE__ */ o.jsx(j, { variant: n, icon: p, className: e ? "kakadu-components-3631501803" : void 0 }) : null,
-      /* @__PURE__ */ o.jsx(X, { isLoading: l }),
-      D && /* @__PURE__ */ o.jsx(F, { opacity: M ? 0.4 : 0.3, maximumGradientsCount: k, className: m("kakadu-components-2055737617", n === "secondary" && "kakadu-components-2972748387") }),
-      G && /* @__PURE__ */ o.jsx(H, { maximumStarsCount: x, className: "kakadu-components-1226008615" }),
+    /* @__PURE__ */ o.jsxs(P, { ...I, as: a ? "a" : "button", type: a ? void 0 : A, href: a ? e : void 0, target: a ? c : void 0, rel: a ? v : void 0, "aria-describedby": d ? f : void 0, disabled: a ? void 0 : u, inert: a ? u : void 0, className: m(z, "kakadu-components-4212105756", !!i && "kakadu-components-2735110382", !t && "kakadu-components-3621693630", s === "secondary" && X, s === "warning" && Y, s === "danger" && Z, r && "kakadu-components-2662775151", N), children: [
+      i ? /* @__PURE__ */ o.jsx(y, { variant: s, icon: i, className: t ? "kakadu-components-136489413" : void 0 }) : null,
+      t ? /* @__PURE__ */ o.jsx("div", { ref: j, className: "kakadu-components-207477259", children: t }) : /* @__PURE__ */ o.jsx(O, { children: g }),
+      p ? /* @__PURE__ */ o.jsx(y, { variant: s, icon: p, className: t ? "kakadu-components-3631501803" : void 0 }) : null,
+      /* @__PURE__ */ o.jsx(U, { isLoading: l }),
+      D && /* @__PURE__ */ o.jsx(E, { opacity: M ? 0.4 : 0.3, maximumGradientsCount: k, className: m("kakadu-components-2055737617", s === "secondary" && "kakadu-components-2972748387") }),
+      G && /* @__PURE__ */ o.jsx(F, { maximumStarsCount: x, className: "kakadu-components-1226008615" }),
       u ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsx(q, { size: e ? void 0 : 50 }),
-        /* @__PURE__ */ o.jsx(J, { size: e ? void 0 : 50, className: n === "secondary" ? K : void 0 })
+        /* @__PURE__ */ o.jsx(W, { size: t ? void 0 : 50 }),
+        /* @__PURE__ */ o.jsx(q, { size: t ? void 0 : 50, className: s === "secondary" ? J : void 0 })
       ] }),
-      c ? /* @__PURE__ */ o.jsx(O, { id: f, label: c, position: h }) : null
+      d ? /* @__PURE__ */ o.jsx(K, { id: f, label: d, position: h }) : null
     ] }),
-    r ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ o.jsx(U, { width: "100%", height: "100%", isAnimated: S }) }) : null
+    r ? /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ o.jsx(Q, { width: "100%", height: "100%", isAnimated: B }) }) : null
   ] });
 }
 export {
-  X as ButtonLoader,
-  Y as ButtonVariant,
-  $ as buttonDangerStyles,
-  Z as buttonSecondaryStyles,
+  U as ButtonLoader,
+  Z as buttonDangerStyles,
+  X as buttonSecondaryStyles,
   ko as buttonSuccessStyles,
-  _ as buttonWarningStyles,
+  lo as buttonVariants,
+  Y as buttonWarningStyles,
   xo as default
 };

package/build/components/card.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),j=require("../theme.js"),r=require("../icons/icon.js"),t=require("./flex.js"),n=require("./text.js"),k=require("./click-ripples.js"),c=require("./hover-gradient.js"),h=require("./button.js"),R=require("./atom.js");function f({icon:o,title:i,description:u,action:l,href:s,target:m,rel:x,className:d,...p}){return e.jsxRuntimeExports.jsxs(R.default,{...p,as:s?"a":"button",type:s?void 0:"button",href:s,target:m,rel:x,className:a.cx(j.effectStyles,h.buttonSecondaryStyles,"kakadu-components-1387630570",d),children:[e.jsxRuntimeExports.jsxs(t.default,{gap:.5,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(t.default,{gap:.5,direction:"row",alignment:t.FlexAlignment.start,children:[o?e.jsxRuntimeExports.jsx(r.default,{width:16,height:16,type:o,className:a.cx(r.iconShadowStyles,"kakadu-components-782417605")}):null,i]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:u}),e.jsxRuntimeExports.jsx(t.default,{alignment:t.FlexAlignment.end,children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-777975485",children:l})})]}),e.jsxRuntimeExports.jsx(k.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(c.default,{size:300,className:c.normalBlendStyles})]})}exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core"),j=require("../theme.js"),a=require("../icons/icon.js"),s=require("./flex.js"),n=require("./text.js"),k=require("./click-ripples.js"),c=require("./hover-gradient.js"),h=require("./button.js"),R=require("./atom.js");function f({icon:o,title:u,description:i,action:l,href:t,target:m,rel:x,className:d,...p}){return e.jsxRuntimeExports.jsxs(R.default,{...p,as:t?"a":"button",type:t?void 0:"button",href:t,target:m,rel:x,className:r.cx(j.effectStyles,h.buttonSecondaryStyles,"kakadu-components-1387630570",d),children:[e.jsxRuntimeExports.jsxs(s.default,{gap:.5,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(s.default,{gap:.5,direction:"row",preset:"start",children:[o?e.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:o,className:r.cx(a.iconShadowStyles,"kakadu-components-782417605")}):null,u]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:i}),e.jsxRuntimeExports.jsx(s.default,{preset:"end",children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-777975485",children:l})})]}),e.jsxRuntimeExports.jsx(k.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(c.default,{size:300,className:c.normalBlendStyles})]})}exports.default=f;

package/build/components/card.mjs

@@ -1,37 +1,37 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as a } from "@kuma-ui/core";
 import { effectStyles as u } from "../theme.mjs";
-import k, { iconShadowStyles as f } from "../icons/icon.mjs";
-import s, { FlexAlignment as n } from "./flex.mjs";
-import { Span as m, Paragraph as j } from "./text.mjs";
-import h from "./click-ripples.mjs";
-import g, { normalBlendStyles as y } from "./hover-gradient.mjs";
+import x, { iconShadowStyles as k } from "../icons/icon.mjs";
+import e from "./flex.mjs";
+import { Span as r, Paragraph as f } from "./text.mjs";
+import j from "./click-ripples.mjs";
+import h, { normalBlendStyles as y } from "./hover-gradient.mjs";
 import { buttonSecondaryStyles as N } from "./button.mjs";
 import S from "./atom.mjs";
-function G({
+function F({
   icon: t,
-  title: r,
-  description: i,
-  action: l,
-  href: e,
+  title: m,
+  description: n,
+  action: i,
+  href: s,
   target: c,
   rel: p,
-  className: d,
-  ...x
+  className: l,
+  ...d
 }) {
-  return /* @__PURE__ */ o.jsxs(S, { ...x, as: e ? "a" : "button", type: e ? void 0 : "button", href: e, target: c, rel: p, className: a(u, N, "kakadu-components-1387630570", d), children: [
-    /* @__PURE__ */ o.jsxs(s, { gap: 0.5, direction: "column", children: [
-      /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ o.jsxs(s, { gap: 0.5, direction: "row", alignment: n.start, children: [
-        t ? /* @__PURE__ */ o.jsx(k, { width: 16, height: 16, type: t, className: a(f, "kakadu-components-782417605") }) : null,
-        r
+  return /* @__PURE__ */ o.jsxs(S, { ...d, as: s ? "a" : "button", type: s ? void 0 : "button", href: s, target: c, rel: p, className: a(u, N, "kakadu-components-1387630570", l), children: [
+    /* @__PURE__ */ o.jsxs(e, { gap: 0.5, direction: "column", children: [
+      /* @__PURE__ */ o.jsx(r, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ o.jsxs(e, { gap: 0.5, direction: "row", preset: "start", children: [
+        t ? /* @__PURE__ */ o.jsx(x, { width: 16, height: 16, type: t, className: a(k, "kakadu-components-782417605") }) : null,
+        m
       ] }) }),
-      /* @__PURE__ */ o.jsx(j, { className: "kakadu-components-3061837309", children: i }),
-      /* @__PURE__ */ o.jsx(s, { alignment: n.end, children: /* @__PURE__ */ o.jsx(m, { className: "kakadu-components-777975485", children: l }) })
+      /* @__PURE__ */ o.jsx(f, { className: "kakadu-components-3061837309", children: n }),
+      /* @__PURE__ */ o.jsx(e, { preset: "end", children: /* @__PURE__ */ o.jsx(r, { className: "kakadu-components-777975485", children: i }) })
     ] }),
-    /* @__PURE__ */ o.jsx(h, { size: 250, className: "kakadu-components-2967167444" }),
-    /* @__PURE__ */ o.jsx(g, { size: 300, className: y })
+    /* @__PURE__ */ o.jsx(j, { size: 250, className: "kakadu-components-2967167444" }),
+    /* @__PURE__ */ o.jsx(h, { size: 300, className: y })
   ] });
 }
 export {
-  G as default
+  F as default
 };

package/build/components/combobox.d.ts

@@ -0,0 +1,25 @@
+import { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
+import { type InputType, type InputLabelControllerProperties } from './input';
+export type ComboboxOption<Type> = {
+    readonly value: Type;
+} & ({
+    readonly label: string;
+} | {
+    readonly text: string;
+    readonly label: ReactNode;
+});
+export declare function getComboboxOptionString<Type>(option: ComboboxOption<Type>): string;
+export type ComboboxOptionsItemProperties<Type> = ComboboxOption<Type> & {
+    readonly id?: string;
+    readonly isSelected?: boolean;
+    readonly onSelect: (value: Type) => void;
+    readonly onHover: (value: Type) => void;
+};
+export type ComboboxProperties<Type> = Omit<InputLabelControllerProperties & HTMLProps<HTMLInputElement>, 'onChange' | 'onSelect' | 'value'> & {
+    readonly isLoading?: boolean;
+    readonly value?: Type;
+    readonly options: Array<ComboboxOption<Type>>;
+    readonly onChange?: (value: string, event?: ChangeEvent<InputType>) => void;
+    readonly onSelect?: (value?: Type) => void;
+};
+export default function Combobox<Type>({ isLoading, label, options, error, warning, information, footnote, className, onChange, onSelect, ...properties }: ComboboxProperties<Type>): import("react/jsx-runtime").JSX.Element;

package/build/components/combobox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("../jsx-runtime-BB_1_6y_.js"),o=require("react"),P=require("../focus-trap-react-CkKg4ubd.js"),U=require("@kuma-ui/core"),oe=require("../use-synchronized-value-D0_rS5Wp.js"),re=require("../icons/icon.js"),ce=require("./input.js"),K=require("./text.js"),X=require("./flex.js"),ae=require("./skeleton.js");var z={exports:{}};const M=new Uint32Array(65536),ie=(t,a)=>{const r=t.length,p=a.length,i=1<<r-1;let l=-1,d=0,x=r,n=r;for(;n--;)M[t.charCodeAt(n)]|=1<<n;for(n=0;n<p;n++){let m=M[a.charCodeAt(n)];const h=m|d;m|=(m&l)+l^l,d|=~(m|l),l&=m,d&i&&x++,l&i&&x--,d=d<<1|1,l=l<<1|~(h|d),d&=h}for(n=r;n--;)M[t.charCodeAt(n)]=0;return x},le=(t,a)=>{const r=a.length,p=t.length,i=[],l=[],d=Math.ceil(r/32),x=Math.ceil(p/32);for(let e=0;e<d;e++)l[e]=-1,i[e]=0;let n=0;for(;n<x-1;n++){let e=0,u=-1;const b=n*32,g=Math.min(32,p)+b;for(let s=b;s<g;s++)M[t.charCodeAt(s)]|=1<<s;for(let s=0;s<r;s++){const v=M[a.charCodeAt(s)],k=l[s/32|0]>>>s&1,w=i[s/32|0]>>>s&1,N=v|e,E=((v|w)&u)+u^u|v|w;let O=e|~(E|u),A=u&E;O>>>31^k&&(l[s/32|0]^=1<<s),A>>>31^w&&(i[s/32|0]^=1<<s),O=O<<1|k,A=A<<1|w,u=A|~(N|O),e=O&N}for(let s=b;s<g;s++)M[t.charCodeAt(s)]=0}let m=0,h=-1;const R=n*32,C=Math.min(32,p-R)+R;for(let e=R;e<C;e++)M[t.charCodeAt(e)]|=1<<e;let q=p;for(let e=0;e<r;e++){const u=M[a.charCodeAt(e)],b=l[e/32|0]>>>e&1,g=i[e/32|0]>>>e&1,s=u|m,v=((u|g)&h)+h^h|u|g;let k=m|~(v|h),w=h&v;q+=k>>>p-1&1,q-=w>>>p-1&1,k>>>31^b&&(l[e/32|0]^=1<<e),w>>>31^g&&(i[e/32|0]^=1<<e),k=k<<1|b,w=w<<1|g,h=w|~(s|k),m=k&s}for(let e=R;e<C;e++)M[t.charCodeAt(e)]=0;return q},G=(t,a)=>{if(t.length<a.length){const r=a;a=t,t=r}return a.length===0?t.length:t.length<=32?ie(t,a):le(t,a)},ue=(t,a)=>{let r=1/0,p=0;for(let i=0;i<a.length;i++){const l=G(t,a[i]);l<r&&(r=l,p=i)}return a[p]},fe=Object.freeze(Object.defineProperty({__proto__:null,closest:ue,distance:G},Symbol.toStringTag,{value:"Module"})),de=P.getAugmentedNamespace(fe);var Y;function me(){return Y||(Y=1,(function(t,a){(function(){var r;try{r=typeof Intl<"u"&&typeof Intl.Collator<"u"?Intl.Collator("generic",{sensitivity:"base"}):null}catch{console.log("Collator could not be initialized and wouldn't be used")}var p=de,i=[],l=[],d={get:function(x,n,m){var h=m&&r&&m.useCollator;if(h){var R=x.length,C=n.length;if(R===0)return C;if(C===0)return R;var q,e,u,b,g;for(u=0;u<C;++u)i[u]=u,l[u]=n.charCodeAt(u);i[C]=C;var s;for(u=0;u<R;++u){for(e=u+1,b=0;b<C;++b)q=e,s=r.compare(x.charAt(u),String.fromCharCode(l[b]))===0,e=i[b]+(s?0:1),g=q+1,e>g&&(e=g),g=i[b+1]+1,e>g&&(e=g),i[b]=q;i[b]=e}return e}return p.distance(x,n)}};t!==null&&t.exports===a?t.exports=d:typeof self<"u"&&typeof self.postMessage=="function"&&typeof self.importScripts=="function"?self.Levenshtein=d:typeof window<"u"&&window!==null&&(window.Levenshtein=d)})()})(z,z.exports)),z.exports}var pe=me();const he=P.getDefaultExportFromCjs(pe);function J(){const{value:t,setValue:a}=oe.useSynchronizedValue("isKeyboardNavigating");return o.useMemo(()=>({isKeyboardNavigating:t,setIsKeyboardNavigating:a}),[t,a])}function F(t){return"text"in t?t.text:t.label}const $="kakadu-components-1144794361",B="kakadu-components-2911184744";function ve({isSelected:t,id:a,value:r,label:p,onSelect:i,onHover:l}){const{isKeyboardNavigating:d}=J(),x=o.useCallback(()=>{i(r)},[i,r]),n=o.useCallback(h=>{d||h.movementX===0&&h.movementY===0||l(r)},[d,l,r]),m=o.useRef(null);return o.useEffect(()=>{const h=m.current;t&&h&&d&&setTimeout(()=>{h.scrollIntoView({behavior:"smooth",block:"nearest"})},0)},[t,d]),I.jsxRuntimeExports.jsx("li",{ref:m,id:a,role:"option","aria-selected":t,tabIndex:-1,className:U.cx($,"kakadu-components-4130497639",d?"kakadu-components-962373561":"kakadu-components-1109598791"),onClick:x,onMouseMove:n,children:I.jsxRuntimeExports.jsx(K.Span,{className:U.cx(B,typeof p=="string"&&"kakadu-components-154286052"),children:p})})}function xe({isLoading:t,id:a,activeOptionId:r,selectedValue:p,options:i,onSelect:l,onHover:d}){const x=o.useRef(null);return o.useEffect(()=>{const n=x.current;n&&n.scrollIntoView({behavior:"smooth",block:"nearest"})},[]),I.jsxRuntimeExports.jsxs("ul",{ref:x,id:a,role:"listbox","aria-label":"Options",className:"kakadu-components-970856892",children:[i.length===0?t?null:I.jsxRuntimeExports.jsxs(X.default,{"aria-atomic":!0,as:"li",role:"status","aria-live":"polite",direction:"row",preset:"start",gap:.5,className:$,children:[I.jsxRuntimeExports.jsx(re.default,{size:15,type:"exclamationTriangle"}),I.jsxRuntimeExports.jsx(K.Span,{className:B,children:"No results."})]}):i.map((n,m)=>I.jsxRuntimeExports.jsx(ve,{...n,id:n.value===p?r:void 0,isSelected:n.value===p,onSelect:l,onHover:d},F(n)+m)),t?I.jsxRuntimeExports.jsx(X.default,{as:"li",alignment:"center",className:$,children:I.jsxRuntimeExports.jsx(K.Span,{className:B,children:I.jsxRuntimeExports.jsx(ae.SkeletonInstance,{width:"100%",height:"1.3em"})})}):null]})}function be({isLoading:t,label:a,options:r,error:p,warning:i,information:l,footnote:d,className:x,onChange:n,onSelect:m,...h}){const R=o.useRef(null),C=o.useId(),q=o.useId(),[e,u]=o.useState(!1),b=o.useCallback(()=>{u(!0)},[]),g=o.useCallback(c=>{var f;(f=R.current)!=null&&f.contains(c.relatedTarget)||u(!1)},[]),[s,v]=o.useState(!1);o.useEffect(()=>{v(e)},[e]);const[k,w]=o.useState(""),{value:N}=h,[E,O]=o.useState(N),[A,Q]=o.useState(N),H=o.useRef(A),j=o.useCallback(c=>{Q(c),H.current=c},[]);o.useEffect(()=>{O(N),j(N)},[N,j]);const W=o.useCallback(()=>{E&&(w(""),j(void 0))},[E,j]),Z=o.useCallback((c,f)=>{w(c),n==null||n(c,f),v(!0),O(void 0)},[n]),ee=o.useCallback(c=>{var f;(f=R.current)!=null&&f.contains(c.target)&&v(!0)},[]),T=o.useCallback(c=>{const f=c==null?void 0:c.value;j(f),c?w(F(c)):(w(""),n==null||n("")),m==null||m(f)},[j,n,m]),te=o.useCallback(c=>{const f=r.find(y=>y.value===c);T(f),O(c),v(!1)},[r,T]),ne=o.useCallback(c=>{j(c)},[j]),S=o.useMemo(()=>E||k.length===0?r:r.filter(c=>{const y=F(c).toLowerCase(),_=k.toLowerCase();return!!(y.includes(_)||_.includes(y)||he.get(y,_,{useCollator:!0})<=2)}),[E,r,k]);o.useEffect(()=>{!E&&k.length>0&&S.length>0&&!S.some(c=>A===c.value)&&j(S[0].value)},[E,k,S,A,j]);const{setIsKeyboardNavigating:D}=J();o.useEffect(()=>{if(!e)return;const c=f=>{f.movementX===0&&f.movementY===0||D(!1)};return window.addEventListener("mousemove",c,{capture:!0}),()=>{window.removeEventListener("mousemove",c,{capture:!0})}},[e,D]),o.useEffect(()=>{if(!e)return;const c=f=>{let y;const _=S.length,L=S.findIndex(V=>V.value===H.current);switch(f.key){case"Enter":{const V=S[L];V&&(f.preventDefault(),f.stopPropagation(),D(!0),v(!1),T(V),O(V.value));break}case"Escape":{s?(E?j(void 0):T(void 0),v(!1)):E?(v(!0),T(void 0)):(u(!1),f.target instanceof HTMLInputElement&&f.target.blur());return}case"ArrowDown":{y=L+1,v(!0);break}case"ArrowUp":{y=L-1,v(!0),y<0&&(y=_-1);break}case"Home":{v(!0),y=0;break}case"End":{v(!0),y=_-1;break}case"Backspace":{S.some(V=>V.value===E)&&(f.preventDefault(),f.stopPropagation(),T(void 0),v(!0));break}}if(y!==void 0&&(f.preventDefault(),f.stopPropagation(),D(!0),_>0)){const V=S[y%_];V&&j(V.value)}};return window.addEventListener("keydown",c,{capture:!0}),()=>{window.removeEventListener("keydown",c,{capture:!0})}},[e,S,D,v,T,O,s,E,j]);const se=o.useMemo(()=>({clickOutsideDeactivates:!0}),[]);return I.jsxRuntimeExports.jsx(P.focusTrapReactExports.FocusTrap,{active:s,focusTrapOptions:se,children:I.jsxRuntimeExports.jsx(ce.default,{...h,ref:R,role:"combobox",autoComplete:"off","aria-controls":C,"aria-expanded":s,"aria-activedescendant":s?q:void 0,label:a,value:k,error:p,warning:i,information:l,footnote:d,attachments:s?I.jsxRuntimeExports.jsx(xe,{isLoading:t,id:C,activeOptionId:q,selectedValue:A,options:S,onSelect:te,onHover:ne}):null,className:x,onMouseDown:ee,onChange:Z,onBeforeInput:W,onFocus:b,onBlur:g})})}exports.default=be;exports.getComboboxOptionString=F;