@vjdesigns/vjdesigns-ui 2.4.0 → 3.0.0

package/dist/components/forms/Rating/Rating.cjs.js

@@ -1 +1 @@
-const e=require("../../../i18n/en.cjs.js"),t=require("../../../hooks/useControllableState.cjs.js"),n=require("../../../hooks/useFormReset.cjs.js"),r=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),i=require("../../../utils/cx.cjs.js"),a=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),o=require("../../primitives/Icon/icons.cjs.js"),s=require("../Field/FieldContext.cjs.js"),c=require("./Rating.module.css.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={sm:c.default.sm,md:c.default.md,lg:c.default.lg},f={sm:c.default.displaySm,md:c.default.displayMd,lg:c.default.displayLg},ee={neutral:c.default.toneNeutral,primary:c.default.tonePrimary,accent:c.default.toneAccent,success:c.default.toneSuccess,warning:c.default.toneWarning,danger:c.default.toneDanger,info:c.default.toneInfo},p=(...e)=>e.filter(Boolean).join(` `)||void 0,m=(e,t,n)=>Math.min(n,Math.max(t,e));function h(e,t){let n=Math.round(e*10)/10,r=+!Number.isInteger(n);return new Intl.NumberFormat(t,{minimumFractionDigits:r,maximumFractionDigits:r}).format(n)}var g=(t,n)=>e.en.rating.option(h(t,`en`),n),_=(t,n)=>e.en.rating.display(h(t,`en`),n),v=t=>e.en.rating.count(t);function y({fill:e,icon:t,emptyIcon:n}){let r=`${Math.round(m(e,0,1)*1e3)/10}%`;return(0,u.jsxs)(`span`,{className:c.default.icon,"aria-hidden":`true`,"data-fill":e>=1?`full`:e>0?`partial`:`empty`,style:{"--rating-fill":r},children:[(0,u.jsx)(`span`,{className:c.default.empty,children:n}),(0,u.jsx)(`span`,{className:c.default.filled,children:t})]})}var te=(0,u.jsx)(o.StarFilledIcon,{}),ne=(0,u.jsx)(o.StarIcon,{});function b({value:e,max:t=5,size:n,tone:a=`warning`,icon:o=te,emptyIcon:l=ne,showValue:d=!1,count:p,formatCount:g,getLabel:_,className:v,"aria-label":b,...x}){let{messages:S,locale:C}=r.useLocale(),w=g??S.rating.count,T=_??((e,t)=>S.rating.display(h(e,C),t)),E=s.useFieldContext(),D=n??E?.size??`md`,O=Math.max(1,Math.round(t)),k=m(Number.isFinite(e)?e:0,0,O);return(0,u.jsxs)(`span`,{...x,className:i.cx(c.default.display,f[D],ee[a],v),children:[(0,u.jsx)(`span`,{role:`img`,"aria-label":b??T(k,O),className:c.default.icons,children:Array.from({length:O},(e,t)=>(0,u.jsx)(`span`,{className:c.default.displayCell,children:(0,u.jsx)(y,{fill:k-t,icon:o,emptyIcon:l})},t))}),d&&(0,u.jsxs)(`span`,{className:c.default.valueText,"aria-hidden":`true`,children:[h(k,C),` / `,O]}),p!==void 0&&(0,u.jsx)(`span`,{className:c.default.count,children:w(p)})]})}function x({value:e,defaultValue:o=null,onValueChange:f,max:g=5,precision:_=1,allowZero:v=!1,allowClear:x=!1,clearHint:S,hoverPreview:C=!0,size:w,tone:T=`warning`,icon:E=te,emptyIcon:D=ne,showValue:O=!1,disabled:k,readOnly:re,invalid:ie,required:ae,name:A,getLabel:oe,getReadOnlyLabel:se,unratedLabel:ce,label:le,description:j,className:ue,id:de,onKeyDown:fe,onPointerLeave:pe,"aria-describedby":M,"aria-labelledby":N,...me}){let{messages:P,locale:F}=r.useLocale(),he=S??P.rating.clearHint,ge=oe??((e,t)=>P.rating.option(h(e,F),t)),_e=se??((e,t)=>P.rating.display(h(e,F),t)),ve=ce??P.rating.unrated,I=s.useFieldContext(),L=(0,l.useId)(),ye=`${L}-label`,R=`${L}-description`,be=`${L}-clear`,z=I!==null,B=!z&&le!=null,V=j!=null,H=s.useFieldControl({id:de,invalid:ie,required:ae,disabled:k,readOnly:re,size:w,"aria-describedby":p(V&&R,M)}),[U,W]=t.useControllableState({value:e,defaultValue:o,onChange:f});n.useFormReset(()=>H.id?document.getElementById(H.id):null,()=>W(o??null),e===void 0);let[G,K]=(0,l.useState)(null),q=H.size??`md`,J=Math.max(1,Math.round(g)),Y=_===.5?.5:1,xe=A??`rating-${L}`,Se=!H.disabled&&!H.readOnly,X=x&&Se,Z=U===null||!Number.isFinite(U)?null:U<Y/2?v?0:null:m(Math.round(U/Y)*Y,Y,J),Q=C&&Se&&G!==null,Ce=Q?G:Z??0,we=I?.isGroup===!0&&N===void 0,Te=N??(z?I.labelId:B?ye:void 0),Ee=H.readOnly?`group`:`radiogroup`,De=we?{"aria-describedby":p(V&&R,M)}:{role:Ee,"aria-labelledby":Te,...H.ariaProps,"aria-disabled":H.disabled||void 0,"aria-required":H.required&&!H.readOnly||void 0},Oe=e=>{fe?.(e),!e.defaultPrevented&&X&&(e.key===`Delete`||e.key===`Backspace`)&&e.target instanceof HTMLInputElement&&(e.preventDefault(),W(null))},ke=e=>{pe?.(e),K(null)},Ae=[];for(let e=Y;e<=J+1e-9;e+=Y)Ae.push(Math.round(e*10)/10);let $=(e,t)=>{let n=Z===e;return(0,u.jsxs)(`span`,{className:i.cx(c.default.hit,c.default[t]),children:[(0,u.jsx)(`input`,{type:`radio`,className:c.default.input,name:xe,value:String(e),checked:n,disabled:H.disabled,required:H.required,"aria-label":ge(e,J),"aria-describedby":X?be:void 0,"aria-invalid":we&&H.invalid?!0:void 0,onChange:t=>{t.target.checked&&W(e)},onClick:e=>{X&&n&&W(null)},onPointerEnter:t=>{C&&t.pointerType!==`touch`&&K(e)}}),(0,u.jsx)(`span`,{className:c.default.focusBox,"aria-hidden":`true`})]},e)},je=Q&&G!==null?Math.ceil(G)-1:-1;return(0,u.jsxs)(`div`,{id:H.id,...De,...me,"data-disabled":H.disabled||void 0,"data-invalid":H.invalid||void 0,"data-readonly":H.readOnly||void 0,"data-precision":Y===.5?`half`:`whole`,"data-previewing":Q||void 0,className:i.cx(c.default.rating,d[q],ee[T],ue),onKeyDown:Oe,onPointerLeave:ke,children:[(B||V)&&(0,u.jsxs)(`div`,{className:c.default.header,children:[B&&(0,u.jsxs)(`span`,{id:ye,className:c.default.label,children:[le,H.required&&!H.readOnly&&(0,u.jsxs)(`span`,{className:c.default.requiredMark,"aria-hidden":`true`,children:[` `,`*`]})]}),V&&(0,u.jsx)(`span`,{id:R,className:c.default.description,children:j})]}),(0,u.jsxs)(`div`,{className:c.default.row,children:[H.readOnly?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(b,{value:Z??0,max:J,size:q,tone:T,icon:E,emptyIcon:D,getLabel:_e,"aria-label":Z===null?ve:void 0}),A!==void 0&&Z!==null&&(0,u.jsx)(`input`,{type:`hidden`,name:A,value:String(Z)})]}):(0,u.jsxs)(`div`,{className:c.default.icons,children:[v&&(0,u.jsxs)(`span`,{className:i.cx(c.default.cell,c.default.zeroCell),"data-hovered":Q&&G===0?!0:void 0,children:[(0,u.jsx)(`span`,{className:c.default.zeroMark,"aria-hidden":`true`,children:`0`}),$(0,`whole`)]}),Array.from({length:J},(e,t)=>(0,u.jsxs)(`span`,{className:c.default.cell,"data-hovered":t===je||void 0,children:[(0,u.jsx)(y,{fill:Ce-t,icon:E,emptyIcon:D}),Y===.5?[$(t+.5,`start`),$(t+1,`end`)]:$(t+1,`whole`)]},t))]}),O&&(0,u.jsxs)(`span`,{className:c.default.valueText,"aria-hidden":`true`,children:[Z===null?`–`:h(Z,F),` / `,J]})]}),X&&(0,u.jsx)(a.VisuallyHidden,{id:be,children:he})]})}exports.Rating=x,exports.RatingDisplay=b,exports.defaultRatingCountText=v,exports.defaultRatingDisplayLabel=_,exports.defaultRatingOptionLabel=g,exports.formatRatingValue=h;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFormReset.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../../utils/intl.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),ee=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),a=require("../Field/FieldContext.cjs.js"),o=require("./Rating.module.css.cjs.js"),s=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),c=require("../../../i18n/en.cjs.js");let l=require("react"),u=require("react/jsx-runtime");var d={sm:o.default.sm,md:o.default.md,lg:o.default.lg},f={sm:o.default.displaySm,md:o.default.displayMd,lg:o.default.displayLg},te={neutral:o.default.toneNeutral,primary:o.default.tonePrimary,accent:o.default.toneAccent,success:o.default.toneSuccess,warning:o.default.toneWarning,danger:o.default.toneDanger,info:o.default.toneInfo},p=(...e)=>e.filter(Boolean).join(` `)||void 0,m=(e,t,n)=>Math.min(n,Math.max(t,e));function h(e,t){let n=Math.round(e*10)/10,i=+!Number.isInteger(n);return r.getNumberFormat(t,{minimumFractionDigits:i,maximumFractionDigits:i}).format(n)}var g=(e,t)=>c.en.rating.option(h(e,`en`),t),_=(e,t)=>c.en.rating.display(h(e,`en`),t),v=e=>c.en.rating.count(e);function y({fill:e,icon:t,emptyIcon:n}){let r=`${Math.round(m(e,0,1)*1e3)/10}%`;return(0,u.jsxs)(`span`,{className:o.default.icon,"aria-hidden":`true`,"data-fill":e>=1?`full`:e>0?`partial`:`empty`,style:{"--rating-fill":r},children:[(0,u.jsx)(`span`,{className:o.default.empty,children:n}),(0,u.jsx)(`span`,{className:o.default.filled,children:t})]})}var b=(0,u.jsx)(i.StarFilledIcon,{}),x=(0,u.jsx)(i.StarIcon,{});function S({value:e,max:t=5,size:r,tone:i=`warning`,icon:ee=b,emptyIcon:c=x,showValue:l=!1,count:d,formatCount:p,getLabel:g,className:_,"aria-label":v,...S}){let{messages:C,locale:w}=s.useLocale(),T=p??C.rating.count,E=g??((e,t)=>C.rating.display(h(e,w),t)),D=a.useFieldContext(),O=r??D?.size??`md`,k=Math.max(1,Math.round(t)),A=m(Number.isFinite(e)?e:0,0,k);return(0,u.jsxs)(`span`,{...S,className:n.cx(o.default.display,f[O],te[i],_),children:[(0,u.jsx)(`span`,{role:`img`,"aria-label":v??E(A,k),className:o.default.icons,children:Array.from({length:k},(e,t)=>(0,u.jsx)(`span`,{className:o.default.displayCell,children:(0,u.jsx)(y,{fill:A-t,icon:ee,emptyIcon:c})},t))}),l&&(0,u.jsxs)(`span`,{className:o.default.valueText,"aria-hidden":`true`,children:[h(A,w),` / `,k]}),d!==void 0&&(0,u.jsx)(`span`,{className:o.default.count,children:T(d)})]})}function C({value:r,defaultValue:i=null,onValueChange:c,max:f=5,precision:g=1,allowZero:_=!1,allowClear:v=!1,clearHint:C,hoverPreview:w=!0,size:T,tone:E=`warning`,icon:D=b,emptyIcon:O=x,showValue:k=!1,disabled:A,readOnly:ne,invalid:re,required:ie,name:j,getLabel:ae,getReadOnlyLabel:oe,unratedLabel:se,label:ce,description:le,className:ue,id:de,onKeyDown:fe,onPointerLeave:pe,"aria-describedby":M,"aria-labelledby":N,...me}){let{messages:P,locale:F}=s.useLocale(),he=C??P.rating.clearHint,ge=ae??((e,t)=>P.rating.option(h(e,F),t)),_e=oe??((e,t)=>P.rating.display(h(e,F),t)),ve=se??P.rating.unrated,I=a.useFieldContext(),L=(0,l.useId)(),R=`${L}-label`,z=`${L}-description`,B=`${L}-clear`,ye=I!==null,V=!ye&&ce!=null,H=le!=null,U=a.useFieldControl({id:de,invalid:re,required:ie,disabled:A,readOnly:ne,size:T,"aria-describedby":p(H&&z,M)}),[W,G]=e.useControllableState({value:r,defaultValue:i,onChange:c});t.useFormReset(()=>U.id?document.getElementById(U.id):null,()=>G(i??null),r===void 0);let[K,be]=(0,l.useState)(null),xe=U.size??`md`,q=Math.max(1,Math.round(f)),J=g===.5?.5:1,Se=j??`rating-${L}`,Ce=!U.disabled&&!U.readOnly,Y=v&&Ce,X=W===null||!Number.isFinite(W)?null:W<J/2?_?0:null:m(Math.round(W/J)*J,J,q),Z=w&&Ce&&K!==null,we=Z?K:X??0,Q=I?.isGroup===!0&&N===void 0,Te=N??(ye?I.labelId:V?R:void 0),Ee=U.readOnly?`group`:`radiogroup`,De=Q?{"aria-describedby":p(H&&z,M)}:{role:Ee,"aria-labelledby":Te,...U.ariaProps,"aria-disabled":U.disabled||void 0,"aria-required":U.required&&!U.readOnly||void 0},Oe=e=>{fe?.(e),!e.defaultPrevented&&Y&&(e.key===`Delete`||e.key===`Backspace`)&&e.target instanceof HTMLInputElement&&(e.preventDefault(),G(null))},ke=e=>{pe?.(e),be(null)},Ae=[];for(let e=J;e<=q+1e-9;e+=J)Ae.push(Math.round(e*10)/10);let $=(e,t)=>{let r=X===e;return(0,u.jsxs)(`span`,{className:n.cx(o.default.hit,o.default[t]),children:[(0,u.jsx)(`input`,{type:`radio`,className:o.default.input,name:Se,value:String(e),checked:r,disabled:U.disabled,required:U.required,"aria-label":ge(e,q),"aria-describedby":Y?B:void 0,"aria-invalid":Q&&U.invalid?!0:void 0,onChange:t=>{t.target.checked&&G(e)},onClick:e=>{Y&&r&&G(null)},onPointerEnter:t=>{w&&t.pointerType!==`touch`&&be(e)}}),(0,u.jsx)(`span`,{className:o.default.focusBox,"aria-hidden":`true`})]},e)},je=Z&&K!==null?Math.ceil(K)-1:-1;return(0,u.jsxs)(`div`,{id:U.id,...De,...me,"data-disabled":U.disabled||void 0,"data-invalid":U.invalid||void 0,"data-readonly":U.readOnly||void 0,"data-precision":J===.5?`half`:`whole`,"data-previewing":Z||void 0,className:n.cx(o.default.rating,d[xe],te[E],ue),onKeyDown:Oe,onPointerLeave:ke,children:[(V||H)&&(0,u.jsxs)(`div`,{className:o.default.header,children:[V&&(0,u.jsxs)(`span`,{id:R,className:o.default.label,children:[ce,U.required&&!U.readOnly&&(0,u.jsxs)(`span`,{className:o.default.requiredMark,"aria-hidden":`true`,children:[` `,`*`]})]}),H&&(0,u.jsx)(`span`,{id:z,className:o.default.description,children:le})]}),(0,u.jsxs)(`div`,{className:o.default.row,children:[U.readOnly?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(S,{value:X??0,max:q,size:xe,tone:E,icon:D,emptyIcon:O,getLabel:_e,"aria-label":X===null?ve:void 0}),j!==void 0&&X!==null&&(0,u.jsx)(`input`,{type:`hidden`,name:j,value:String(X)})]}):(0,u.jsxs)(`div`,{className:o.default.icons,children:[_&&(0,u.jsxs)(`span`,{className:n.cx(o.default.cell,o.default.zeroCell),"data-hovered":Z&&K===0?!0:void 0,children:[(0,u.jsx)(`span`,{className:o.default.zeroMark,"aria-hidden":`true`,children:`0`}),$(0,`whole`)]}),Array.from({length:q},(e,t)=>(0,u.jsxs)(`span`,{className:o.default.cell,"data-hovered":t===je||void 0,children:[(0,u.jsx)(y,{fill:we-t,icon:D,emptyIcon:O}),J===.5?[$(t+.5,`start`),$(t+1,`end`)]:$(t+1,`whole`)]},t))]}),k&&(0,u.jsxs)(`span`,{className:o.default.valueText,"aria-hidden":`true`,children:[X===null?`–`:h(X,F),` / `,q]})]}),Y&&(0,u.jsx)(ee.VisuallyHidden,{id:B,children:he})]})}exports.Rating=C,exports.RatingDisplay=S,exports.defaultRatingCountText=v,exports.defaultRatingDisplayLabel=_,exports.defaultRatingOptionLabel=g,exports.formatRatingValue=h;

package/dist/components/forms/Rating/Rating.mjs

@@ -1,108 +1,110 @@
-import { en as e } from "../../../i18n/en.mjs";
-import { useControllableState as t } from "../../../hooks/useControllableState.mjs";
-import { useFormReset as n } from "../../../hooks/useFormReset.mjs";
-import { useLocale as r } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
-import { cx as i } from "../../../utils/cx.mjs";
-import { VisuallyHidden as a } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
-import { StarFilledIcon as o, StarIcon as s } from "../../primitives/Icon/icons.mjs";
-import { useFieldContext as ee, useFieldControl as c } from "../Field/FieldContext.mjs";
-import l from "./Rating.module.css.mjs";
-import { useId as u, useState as te } from "react";
-import { Fragment as ne, jsx as d, jsxs as f } from "react/jsx-runtime";
-//#region src/components/forms/Rating/Rating.tsx
-var p = {
-	sm: l.sm,
-	md: l.md,
-	lg: l.lg
+"use client";
+import { useControllableState as e } from "../../../hooks/useControllableState.mjs";
+import { useFormReset as t } from "../../../hooks/useFormReset.mjs";
+import { cx as n } from "../../../utils/cx.mjs";
+import { getNumberFormat as r } from "../../../utils/intl.mjs";
+import { StarFilledIcon as i, StarIcon as a } from "../../primitives/Icon/icons.mjs";
+import { VisuallyHidden as ee } from "../../utilities/VisuallyHidden/VisuallyHidden.mjs";
+import { useFieldContext as o, useFieldControl as s } from "../Field/FieldContext.mjs";
+import c from "./Rating.module.css.mjs";
+import { useLocale as l } from "../../utilities/LocaleProvider/LocaleProvider.mjs";
+import { en as u } from "../../../i18n/en.mjs";
+import { useId as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+// src/components/forms/Rating/Rating.tsx
+var te = {
+	sm: c.sm,
+	md: c.md,
+	lg: c.lg
+}, ne = {
+	sm: c.displaySm,
+	md: c.displayMd,
+	lg: c.displayLg
 }, re = {
-	sm: l.displaySm,
-	md: l.displayMd,
-	lg: l.displayLg
-}, ie = {
-	neutral: l.toneNeutral,
-	primary: l.tonePrimary,
-	accent: l.toneAccent,
-	success: l.toneSuccess,
-	warning: l.toneWarning,
-	danger: l.toneDanger,
-	info: l.toneInfo
-}, m = (...e) => e.filter(Boolean).join(" ") || void 0, h = (e, t, n) => Math.min(n, Math.max(t, e));
-function g(e, t) {
-	let n = Math.round(e * 10) / 10, r = +!Number.isInteger(n);
-	return new Intl.NumberFormat(t, {
-		minimumFractionDigits: r,
-		maximumFractionDigits: r
+	neutral: c.toneNeutral,
+	primary: c.tonePrimary,
+	accent: c.toneAccent,
+	success: c.toneSuccess,
+	warning: c.toneWarning,
+	danger: c.toneDanger,
+	info: c.toneInfo
+}, g = (...e) => e.filter(Boolean).join(" ") || void 0, _ = (e, t, n) => Math.min(n, Math.max(t, e));
+function v(e, t) {
+	let n = Math.round(e * 10) / 10, i = +!Number.isInteger(n);
+	return r(t, {
+		minimumFractionDigits: i,
+		maximumFractionDigits: i
 	}).format(n);
 }
-var _ = (t, n) => e.rating.option(g(t, "en"), n), v = (t, n) => e.rating.display(g(t, "en"), n), y = (t) => e.rating.count(t);
-function b({ fill: e, icon: t, emptyIcon: n }) {
-	let r = `${Math.round(h(e, 0, 1) * 1e3) / 10}%`;
-	return /* @__PURE__ */ f("span", {
-		className: l.icon,
+var y = (e, t) => u.rating.option(v(e, "en"), t), b = (e, t) => u.rating.display(v(e, "en"), t), x = (e) => u.rating.count(e);
+function S({ fill: e, icon: t, emptyIcon: n }) {
+	let r = `${Math.round(_(e, 0, 1) * 1e3) / 10}%`;
+	return /* @__PURE__ */ h("span", {
+		className: c.icon,
 		"aria-hidden": "true",
 		"data-fill": e >= 1 ? "full" : e > 0 ? "partial" : "empty",
 		style: { "--rating-fill": r },
-		children: [/* @__PURE__ */ d("span", {
-			className: l.empty,
+		children: [/* @__PURE__ */ m("span", {
+			className: c.empty,
 			children: n
-		}), /* @__PURE__ */ d("span", {
-			className: l.filled,
+		}), /* @__PURE__ */ m("span", {
+			className: c.filled,
 			children: t
 		})]
 	});
 }
-var x = /* @__PURE__ */ d(o, {}), S = /* @__PURE__ */ d(s, {});
-function C({ value: e, max: t = 5, size: n, tone: a = "warning", icon: o = x, emptyIcon: s = S, showValue: c = !1, count: u, formatCount: te, getLabel: ne, className: p, "aria-label": m, ..._ }) {
-	let { messages: v, locale: y } = r(), C = te ?? v.rating.count, w = ne ?? ((e, t) => v.rating.display(g(e, y), t)), T = ee(), ae = n ?? T?.size ?? "md", E = Math.max(1, Math.round(t)), D = h(Number.isFinite(e) ? e : 0, 0, E);
-	return /* @__PURE__ */ f("span", {
-		..._,
-		className: i(l.display, re[ae], ie[a], p),
+var C = /* @__PURE__ */ m(i, {}), ie = /* @__PURE__ */ m(a, {});
+function w({ value: e, max: t = 5, size: r, tone: i = "warning", icon: a = C, emptyIcon: ee = ie, showValue: s = !1, count: u, formatCount: d, getLabel: f, className: p, "aria-label": te, ...g }) {
+	let { messages: y, locale: b } = l(), x = d ?? y.rating.count, w = f ?? ((e, t) => y.rating.display(v(e, b), t)), T = o(), ae = r ?? T?.size ?? "md", E = Math.max(1, Math.round(t)), D = _(Number.isFinite(e) ? e : 0, 0, E);
+	return /* @__PURE__ */ h("span", {
+		...g,
+		className: n(c.display, ne[ae], re[i], p),
 		children: [
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ m("span", {
 				role: "img",
-				"aria-label": m ?? w(D, E),
-				className: l.icons,
-				children: Array.from({ length: E }, (e, t) => /* @__PURE__ */ d("span", {
-					className: l.displayCell,
-					children: /* @__PURE__ */ d(b, {
+				"aria-label": te ?? w(D, E),
+				className: c.icons,
+				children: Array.from({ length: E }, (e, t) => /* @__PURE__ */ m("span", {
+					className: c.displayCell,
+					children: /* @__PURE__ */ m(S, {
 						fill: D - t,
-						icon: o,
-						emptyIcon: s
+						icon: a,
+						emptyIcon: ee
 					})
 				}, t))
 			}),
-			c && /* @__PURE__ */ f("span", {
-				className: l.valueText,
+			s && /* @__PURE__ */ h("span", {
+				className: c.valueText,
 				"aria-hidden": "true",
 				children: [
-					g(D, y),
+					v(D, b),
 					" / ",
 					E
 				]
 			}),
-			u !== void 0 && /* @__PURE__ */ d("span", {
-				className: l.count,
-				children: C(u)
+			u !== void 0 && /* @__PURE__ */ m("span", {
+				className: c.count,
+				children: x(u)
 			})
 		]
 	});
 }
-function w({ value: e, defaultValue: o = null, onValueChange: s, max: re = 5, precision: _ = 1, allowZero: v = !1, allowClear: y = !1, clearHint: w, hoverPreview: T = !0, size: ae, tone: E = "warning", icon: D = x, emptyIcon: oe = S, showValue: se = !1, disabled: ce, readOnly: le, invalid: ue, required: de, name: O, getLabel: fe, getReadOnlyLabel: pe, unratedLabel: me, label: k, description: A, className: he, id: ge, onKeyDown: _e, onPointerLeave: ve, "aria-describedby": j, "aria-labelledby": M, ...ye }) {
-	let { messages: N, locale: P } = r(), be = w ?? N.rating.clearHint, xe = fe ?? ((e, t) => N.rating.option(g(e, P), t)), Se = pe ?? ((e, t) => N.rating.display(g(e, P), t)), Ce = me ?? N.rating.unrated, F = ee(), I = u(), L = `${I}-label`, R = `${I}-description`, z = `${I}-clear`, B = F !== null, V = !B && k != null, H = A != null, U = c({
+function T({ value: r, defaultValue: i = null, onValueChange: a, max: u = 5, precision: ne = 1, allowZero: y = !1, allowClear: b = !1, clearHint: x, hoverPreview: T = !0, size: ae, tone: E = "warning", icon: D = C, emptyIcon: oe = ie, showValue: se = !1, disabled: ce, readOnly: le, invalid: ue, required: de, name: O, getLabel: fe, getReadOnlyLabel: pe, unratedLabel: me, label: k, description: A, className: he, id: ge, onKeyDown: _e, onPointerLeave: ve, "aria-describedby": j, "aria-labelledby": M, ...ye }) {
+	let { messages: N, locale: P } = l(), be = x ?? N.rating.clearHint, xe = fe ?? ((e, t) => N.rating.option(v(e, P), t)), Se = pe ?? ((e, t) => N.rating.display(v(e, P), t)), Ce = me ?? N.rating.unrated, F = o(), I = d(), L = `${I}-label`, R = `${I}-description`, z = `${I}-clear`, B = F !== null, V = !B && k != null, H = A != null, U = s({
 		id: ge,
 		invalid: ue,
 		required: de,
 		disabled: ce,
 		readOnly: le,
 		size: ae,
-		"aria-describedby": m(H && R, j)
-	}), [W, G] = t({
-		value: e,
-		defaultValue: o,
-		onChange: s
+		"aria-describedby": g(H && R, j)
+	}), [W, G] = e({
+		value: r,
+		defaultValue: i,
+		onChange: a
 	});
-	n(() => U.id ? document.getElementById(U.id) : null, () => G(o ?? null), e === void 0);
-	let [K, we] = te(null), Te = U.size ?? "md", q = Math.max(1, Math.round(re)), J = _ === .5 ? .5 : 1, Ee = O ?? `rating-${I}`, De = !U.disabled && !U.readOnly, Y = y && De, X = W === null || !Number.isFinite(W) ? null : W < J / 2 ? v ? 0 : null : h(Math.round(W / J) * J, J, q), Z = T && De && K !== null, Oe = Z ? K : X ?? 0, Q = F?.isGroup === !0 && M === void 0, ke = M ?? (B ? F.labelId : V ? L : void 0), Ae = U.readOnly ? "group" : "radiogroup", je = Q ? { "aria-describedby": m(H && R, j) } : {
+	t(() => U.id ? document.getElementById(U.id) : null, () => G(i ?? null), r === void 0);
+	let [K, we] = f(null), Te = U.size ?? "md", q = Math.max(1, Math.round(u)), J = ne === .5 ? .5 : 1, Ee = O ?? `rating-${I}`, De = !U.disabled && !U.readOnly, Y = b && De, X = W === null || !Number.isFinite(W) ? null : W < J / 2 ? y ? 0 : null : _(Math.round(W / J) * J, J, q), Z = T && De && K !== null, Oe = Z ? K : X ?? 0, Q = F?.isGroup === !0 && M === void 0, ke = M ?? (B ? F.labelId : V ? L : void 0), Ae = U.readOnly ? "group" : "radiogroup", je = Q ? { "aria-describedby": g(H && R, j) } : {
 		role: Ae,
 		"aria-labelledby": ke,
 		...U.ariaProps,
@@ -115,15 +117,15 @@ function w({ value: e, defaultValue: o = null, onValueChange: s, max: re = 5, pr
 	}, Pe = [];
 	for (let e = J; e <= q + 1e-9; e += J) Pe.push(Math.round(e * 10) / 10);
 	let $ = (e, t) => {
-		let n = X === e;
-		return /* @__PURE__ */ f("span", {
-			className: i(l.hit, l[t]),
-			children: [/* @__PURE__ */ d("input", {
+		let r = X === e;
+		return /* @__PURE__ */ h("span", {
+			className: n(c.hit, c[t]),
+			children: [/* @__PURE__ */ m("input", {
 				type: "radio",
-				className: l.input,
+				className: c.input,
 				name: Ee,
 				value: String(e),
-				checked: n,
+				checked: r,
 				disabled: U.disabled,
 				required: U.required,
 				"aria-label": xe(e, q),
@@ -133,18 +135,18 @@ function w({ value: e, defaultValue: o = null, onValueChange: s, max: re = 5, pr
 					t.target.checked && G(e);
 				},
 				onClick: (e) => {
-					Y && n && G(null);
+					Y && r && G(null);
 				},
 				onPointerEnter: (t) => {
 					T && t.pointerType !== "touch" && we(e);
 				}
-			}), /* @__PURE__ */ d("span", {
-				className: l.focusBox,
+			}), /* @__PURE__ */ m("span", {
+				className: c.focusBox,
 				"aria-hidden": "true"
 			})]
 		}, e);
 	}, Fe = Z && K !== null ? Math.ceil(K) - 1 : -1;
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ h("div", {
 		id: U.id,
 		...je,
 		...ye,
@@ -153,29 +155,29 @@ function w({ value: e, defaultValue: o = null, onValueChange: s, max: re = 5, pr
 		"data-readonly": U.readOnly || void 0,
 		"data-precision": J === .5 ? "half" : "whole",
 		"data-previewing": Z || void 0,
-		className: i(l.rating, p[Te], ie[E], he),
+		className: n(c.rating, te[Te], re[E], he),
 		onKeyDown: Me,
 		onPointerLeave: Ne,
 		children: [
-			(V || H) && /* @__PURE__ */ f("div", {
-				className: l.header,
-				children: [V && /* @__PURE__ */ f("span", {
+			(V || H) && /* @__PURE__ */ h("div", {
+				className: c.header,
+				children: [V && /* @__PURE__ */ h("span", {
 					id: L,
-					className: l.label,
-					children: [k, U.required && !U.readOnly && /* @__PURE__ */ f("span", {
-						className: l.requiredMark,
+					className: c.label,
+					children: [k, U.required && !U.readOnly && /* @__PURE__ */ h("span", {
+						className: c.requiredMark,
 						"aria-hidden": "true",
 						children: [" ", "*"]
 					})]
-				}), H && /* @__PURE__ */ d("span", {
+				}), H && /* @__PURE__ */ m("span", {
 					id: R,
-					className: l.description,
+					className: c.description,
 					children: A
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
-				className: l.row,
-				children: [U.readOnly ? /* @__PURE__ */ f(ne, { children: [/* @__PURE__ */ d(C, {
+			/* @__PURE__ */ h("div", {
+				className: c.row,
+				children: [U.readOnly ? /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(w, {
 					value: X ?? 0,
 					max: q,
 					size: Te,
@@ -184,45 +186,44 @@ function w({ value: e, defaultValue: o = null, onValueChange: s, max: re = 5, pr
 					emptyIcon: oe,
 					getLabel: Se,
 					"aria-label": X === null ? Ce : void 0
-				}), O !== void 0 && X !== null && /* @__PURE__ */ d("input", {
+				}), O !== void 0 && X !== null && /* @__PURE__ */ m("input", {
 					type: "hidden",
 					name: O,
 					value: String(X)
-				})] }) : /* @__PURE__ */ f("div", {
-					className: l.icons,
-					children: [v && /* @__PURE__ */ f("span", {
-						className: i(l.cell, l.zeroCell),
+				})] }) : /* @__PURE__ */ h("div", {
+					className: c.icons,
+					children: [y && /* @__PURE__ */ h("span", {
+						className: n(c.cell, c.zeroCell),
 						"data-hovered": Z && K === 0 ? !0 : void 0,
-						children: [/* @__PURE__ */ d("span", {
-							className: l.zeroMark,
+						children: [/* @__PURE__ */ m("span", {
+							className: c.zeroMark,
 							"aria-hidden": "true",
 							children: "0"
 						}), $(0, "whole")]
-					}), Array.from({ length: q }, (e, t) => /* @__PURE__ */ f("span", {
-						className: l.cell,
+					}), Array.from({ length: q }, (e, t) => /* @__PURE__ */ h("span", {
+						className: c.cell,
 						"data-hovered": t === Fe || void 0,
-						children: [/* @__PURE__ */ d(b, {
+						children: [/* @__PURE__ */ m(S, {
 							fill: Oe - t,
 							icon: D,
 							emptyIcon: oe
 						}), J === .5 ? [$(t + .5, "start"), $(t + 1, "end")] : $(t + 1, "whole")]
 					}, t))]
-				}), se && /* @__PURE__ */ f("span", {
-					className: l.valueText,
+				}), se && /* @__PURE__ */ h("span", {
+					className: c.valueText,
 					"aria-hidden": "true",
 					children: [
-						X === null ? "–" : g(X, P),
+						X === null ? "–" : v(X, P),
 						" / ",
 						q
 					]
 				})]
 			}),
-			Y && /* @__PURE__ */ d(a, {
+			Y && /* @__PURE__ */ m(ee, {
 				id: z,
 				children: be
 			})
 		]
 	});
 }
-//#endregion
-export { w as Rating, C as RatingDisplay, y as defaultRatingCountText, v as defaultRatingDisplayLabel, _ as defaultRatingOptionLabel, g as formatRatingValue };
+export { T as Rating, w as RatingDisplay, x as defaultRatingCountText, b as defaultRatingDisplayLabel, y as defaultRatingOptionLabel, v as formatRatingValue };

package/dist/components/forms/Rating/Rating.module.css.mjs

@@ -1,4 +1,4 @@
-//#region src/components/forms/Rating/Rating.module.css
+// src/components/forms/Rating/Rating.module.css
 var e = "_sm_ot4i7_19", t = "_md_ot4i7_23", n = "_lg_ot4i7_27", r = "_displaySm_ot4i7_33", i = "_displayMd_ot4i7_37", a = "_displayLg_ot4i7_41", o = "_toneNeutral_ot4i7_47", s = "_tonePrimary_ot4i7_50", c = "_toneAccent_ot4i7_53", l = "_toneSuccess_ot4i7_56", u = "_toneWarning_ot4i7_59", d = "_toneDanger_ot4i7_62", f = "_toneInfo_ot4i7_65", p = "_icon_ot4i7_73", m = "_empty_ot4i7_82", h = "_filled_ot4i7_83", g = "_display_ot4i7_33", _ = "_icons_ot4i7_126", v = "_displayCell_ot4i7_135", y = "_valueText_ot4i7_139", b = "_count_ot4i7_149", x = "_rating_ot4i7_159", S = "_header_ot4i7_173", C = "_label_ot4i7_179", w = "_requiredMark_ot4i7_187", T = "_description_ot4i7_191", E = "_row_ot4i7_197", D = "_cell_ot4i7_207", O = "_zeroCell_ot4i7_223", k = "_zeroMark_ot4i7_228", A = "_input_ot4i7_244", j = "_pop_ot4i7_1", M = "_hit_ot4i7_265", N = "_whole_ot4i7_270", P = "_start_ot4i7_273", F = "_end_ot4i7_277", I = "_focusBox_ot4i7_294", L = {
 	sm: e,
 	md: t,
@@ -38,5 +38,4 @@ var e = "_sm_ot4i7_19", t = "_md_ot4i7_23", n = "_lg_ot4i7_27", r = "_displaySm_
 	end: F,
 	focusBox: I
 };
-//#endregion
 export { D as cell, b as count, L as default, T as description, g as display, v as displayCell, a as displayLg, i as displayMd, r as displaySm, m as empty, F as end, h as filled, I as focusBox, S as header, M as hit, p as icon, _ as icons, A as input, C as label, n as lg, t as md, j as pop, x as rating, w as requiredMark, E as row, e as sm, P as start, c as toneAccent, d as toneDanger, f as toneInfo, o as toneNeutral, s as tonePrimary, l as toneSuccess, u as toneWarning, y as valueText, N as whole, O as zeroCell, k as zeroMark };

package/dist/components/forms/SearchInput/SearchInput.cjs.js

@@ -1 +1 @@
-const e=require("../../../i18n/en.cjs.js"),t=require("../../../hooks/useControllableState.cjs.js"),n=require("../../../hooks/useFormReset.cjs.js"),r=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),i=require("../../../utils/refs.cjs.js"),a=require("../../../utils/cx.cjs.js"),o=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),s=require("../../primitives/Icon/icons.cjs.js"),c=require("../../primitives/Kbd/Kbd.cjs.js"),ee=require("../Field/FieldContext.cjs.js"),te=require("../Input/Input.cjs.js"),l=require("./SearchInput.module.css.cjs.js");let u=require("react"),d=require("react/jsx-runtime");function ne(e,t){let n=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set;n?n.call(e,t):e.value=t,e.dispatchEvent(new Event(`input`,{bubbles:!0}))}var f=new Set([`checkbox`,`radio`,`button`,`submit`,`reset`,`range`,`color`,`file`,`image`]);function re(e){return e instanceof HTMLElement?e.isContentEditable||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement?!0:e instanceof HTMLInputElement&&!f.has(e.type):!1}function p(e,t){let n={meta:!1,ctrl:!1,alt:!1,shift:!1,key:``};for(let r of e){let e=r.toLowerCase();e===`mod`?t===`mac`?n.meta=!0:n.ctrl=!0:e===`cmd`||e===`meta`?n.meta=!0:e===`ctrl`?n.ctrl=!0:e===`alt`||e===`option`?n.alt=!0:e===`shift`?n.shift=!0:n.key=e===`esc`?`escape`:e===`space`?` `:e}return n.key?n:null}function ie(e,t){if(e.metaKey!==t.meta||e.ctrlKey!==t.ctrl||e.altKey!==t.alt)return!1;let n=/^[a-z]$/.test(t.key);return(t.shift||n)&&e.shiftKey!==t.shift?!1:e.key.toLowerCase()===t.key?!0:n?e.code===`Key${t.key.toUpperCase()}`:/^[0-9]$/.test(t.key)?e.code===`Digit${t.key}`:!1}function ae(e){let t=[];e.ctrl&&t.push(`Control`),e.meta&&t.push(`Meta`),e.alt&&t.push(`Alt`),e.shift&&t.push(`Shift`);let n=e.key===` `?`Space`:e.key===`escape`?`Escape`:e.key;return t.push(n.length===1?n.toUpperCase():n[0].toUpperCase()+n.slice(1)),t.join(`+`)}function m(t){return e.en.searchInput.results(t)}var h=(0,u.createContext)(null),g=({value:e,defaultValue:f=``,onValueChange:m,onSearch:g,debounce:_,minLength:oe=0,onClear:v,clearable:se=!0,clearLabel:ce,blurOnEscape:le=!0,shortcut:y,shortcutEnabled:ue=!0,shortcutPlatform:de,resultsCount:b,resultsLabel:fe,announceDelay:x=700,radius:pe=`pill`,size:S,loading:C=!1,startIcon:w,endIcon:T,endElement:me,inputClassName:he,autoComplete:ge=`off`,enterKeyHint:_e=`search`,disabled:E,readOnly:D,ref:O,onChange:ve,onKeyDown:ye,onFocus:be,onBlur:xe,"aria-label":k,"aria-labelledby":A,"aria-keyshortcuts":Se,...Ce})=>{let j=r.useMessages(),we=ce??j.searchInput.clear,M=fe??j.searchInput.results,[N,P]=t.useControllableState({value:e,defaultValue:f,onChange:m});n.useFormReset(()=>R.current,()=>P(f??``),e===void 0);let F=ee.useFieldContext(),I=(0,u.useContext)(h),L=c.useKbdPlatform(de),R=(0,u.useRef)(null),Te=(0,u.useCallback)(e=>{R.current=e,i.assignRef(O,e)},[O]),Ee=E??F?.disabled??!1,De=D??F?.readOnly??!1,Oe=S??F?.size??`md`,z=(0,u.useRef)(g);z.current=g;let B=(0,u.useRef)(null),V=(0,u.useRef)(e??f),[H,U]=(0,u.useState)(0),W=()=>{B.current!=null&&clearTimeout(B.current),B.current=null};(0,u.useEffect)(()=>W,[]);let G=e=>{W(),V.current=e,U(e=>e+1),z.current?.(e)},ke=e=>{if(_!=null&&(W(),e!==V.current)){if(e===``){G(``);return}e.trim().length<oe||(B.current=setTimeout(()=>{B.current=null,e!==V.current&&G(e)},_))}},K=(0,u.useRef)(N);K.current=N;let q=(0,u.useRef)(G);q.current=G,(0,u.useEffect)(()=>{if(!I)return;let e={search:()=>(q.current(K.current),K.current)};return I.current=e,()=>{I.current===e&&(I.current=null)}},[I]);let J=(0,u.useRef)(!1),Ae=e=>{ve?.(e);let t=e.target.value;P(t),U(e=>e+1),J.current||ke(t)},je=()=>{let e=R.current;if(e){J.current=!0;try{ne(e,``)}finally{J.current=!1}W(),_!=null&&V.current!==``&&G(``),v?.()}},Me=()=>{W(),v?.()},Ne=e=>{if(ye?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing)){if(e.key===`Enter`){let t=e.currentTarget.form;I&&t?(e.preventDefault(),typeof t.requestSubmit==`function`?t.requestSubmit():G(N)):(t&&g&&e.preventDefault(),G(N));return}e.key===`Escape`&&(N!==``&&!De?(e.preventDefault(),e.stopPropagation(),je()):le&&e.currentTarget.blur())}},[Pe,Y]=(0,u.useState)(!1),Fe=e=>{Y(!0),be?.(e)},Ie=e=>{Y(!1),xe?.(e)},Le=y?.join(`+`)??``,X=y?p(y,L):null,Z=X!=null&&ue&&!Ee;(0,u.useEffect)(()=>{if(!Z||!y)return;let e=p(y,L);if(!e)return;let t=t=>{if(t.defaultPrevented||t.isComposing)return;let n=R.current;n&&!n.disabled&&(t.target!==n&&re(t.target)||ie(t,e)&&n.getClientRects().length!==0&&(t.preventDefault(),n.focus(),n.select()))};return document.addEventListener(`keydown`,t),()=>document.removeEventListener(`keydown`,t)},[Z,Le,L]);let[Re,ze]=(0,u.useState)(!1);(0,u.useEffect)(()=>{let e=(R.current?.labels?.length??0)>0;ze(t=>t===e?t:e)});let Be=!k&&!A&&!F&&!Re,[Ve,Q]=(0,u.useState)(``),He=(0,u.useRef)(M);He.current=M,(0,u.useEffect)(()=>{if(b==null||C||H===0)return;Q(``);let e=setTimeout(()=>Q(He.current(b)),x);return()=>clearTimeout(e)},[b,C,H,x]);let $=Z&&!Pe&&N===``&&!C&&y!=null?(0,d.jsx)(c.KbdShortcut,{keys:y,size:Oe===`lg`?`md`:`sm`,platform:L,className:l.default.hint}):null,Ue=$||T!=null?(0,d.jsxs)(d.Fragment,{children:[$,T]}):void 0;return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(te.Input,{...Ce,ref:Te,type:`search`,value:N,size:S,radius:pe,loading:C,disabled:E,readOnly:D,autoComplete:ge,enterKeyHint:_e,"aria-label":k??(Be?j.searchInput.search:void 0),"aria-labelledby":A,"aria-keyshortcuts":Se??(Z&&X?ae(X):void 0),startIcon:w===void 0?(0,d.jsx)(s.SearchIcon,{}):w,endIcon:Ue,endElement:me,clearable:se,clearLabel:we,onClear:Me,inputClassName:a.cx(l.default.input,he),onChange:Ae,onKeyDown:Ne,onFocus:Fe,onBlur:Ie}),(0,d.jsx)(o.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:Ve})]})};function _({onSearch:e,onSubmit:t,className:n,children:r,noValidate:i=!0,...o}){let s=(0,u.useRef)(null),c=n=>{t?.(n),n.preventDefault();let r;r=s.current?s.current.search():n.currentTarget.querySelector(`input[type="search"]`)?.value??``,e?.(r,n)};return(0,d.jsx)(h.Provider,{value:s,children:(0,d.jsx)(`form`,{...o,role:`search`,noValidate:i,className:a.cx(l.default.form,n),onSubmit:c,children:r})})}exports.SearchForm=_,exports.SearchInput=g,exports.defaultResultsLabel=m;
+"use client";const e=require("../../../hooks/useControllableState.cjs.js"),t=require("../../../hooks/useFormReset.cjs.js"),n=require("../../../utils/cx.cjs.js"),r=require("../../../utils/refs.cjs.js"),i=require("../../primitives/Icon/icons.cjs.js"),a=require("../../primitives/Kbd/Kbd.cjs.js"),o=require("../../utilities/VisuallyHidden/VisuallyHidden.cjs.js"),s=require("../Field/FieldContext.cjs.js"),c=require("../Input/Input.cjs.js"),l=require("./SearchInput.module.css.cjs.js"),ee=require("../../utilities/LocaleProvider/LocaleProvider.cjs.js"),u=require("../../../i18n/en.cjs.js");let d=require("react"),f=require("react/jsx-runtime");function te(e,t){let n=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,`value`)?.set;n?n.call(e,t):e.value=t,e.dispatchEvent(new Event(`input`,{bubbles:!0}))}var p=new Set([`checkbox`,`radio`,`button`,`submit`,`reset`,`range`,`color`,`file`,`image`]);function ne(e){return e instanceof HTMLElement?e.isContentEditable||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement?!0:e instanceof HTMLInputElement&&!p.has(e.type):!1}function m(e,t){let n={meta:!1,ctrl:!1,alt:!1,shift:!1,key:``};for(let r of e){let e=r.toLowerCase();e===`mod`?t===`mac`?n.meta=!0:n.ctrl=!0:e===`cmd`||e===`meta`?n.meta=!0:e===`ctrl`?n.ctrl=!0:e===`alt`||e===`option`?n.alt=!0:e===`shift`?n.shift=!0:n.key=e===`esc`?`escape`:e===`space`?` `:e}return n.key?n:null}function re(e,t){if(e.metaKey!==t.meta||e.ctrlKey!==t.ctrl||e.altKey!==t.alt)return!1;let n=/^[a-z]$/.test(t.key);return(t.shift||n)&&e.shiftKey!==t.shift?!1:e.key.toLowerCase()===t.key?!0:n?e.code===`Key${t.key.toUpperCase()}`:/^[0-9]$/.test(t.key)?e.code===`Digit${t.key}`:!1}function ie(e){let t=[];e.ctrl&&t.push(`Control`),e.meta&&t.push(`Meta`),e.alt&&t.push(`Alt`),e.shift&&t.push(`Shift`);let n=e.key===` `?`Space`:e.key===`escape`?`Escape`:e.key;return t.push(n.length===1?n.toUpperCase():n[0].toUpperCase()+n.slice(1)),t.join(`+`)}function h(e){return u.en.searchInput.results(e)}var g=(0,d.createContext)(null),_=({value:u,defaultValue:p=``,onValueChange:h,onSearch:_,debounce:v,minLength:ae=0,onClear:y,clearable:oe=!0,clearLabel:se,blurOnEscape:ce=!0,shortcut:b,shortcutEnabled:le=!0,shortcutPlatform:ue,resultsCount:x,resultsLabel:de,announceDelay:S=700,radius:fe=`pill`,size:C,loading:w=!1,startIcon:T,endIcon:E,endElement:pe,inputClassName:me,autoComplete:he=`off`,enterKeyHint:ge=`search`,disabled:D,readOnly:O,ref:k,onChange:_e,onKeyDown:ve,onFocus:ye,onBlur:be,"aria-label":A,"aria-labelledby":j,"aria-keyshortcuts":xe,...Se})=>{let M=ee.useMessages(),Ce=se??M.searchInput.clear,N=de??M.searchInput.results,[P,F]=e.useControllableState({value:u,defaultValue:p,onChange:h});t.useFormReset(()=>z.current,()=>F(p??``),u===void 0);let I=s.useFieldContext(),L=(0,d.useContext)(g),R=a.useKbdPlatform(ue),z=(0,d.useRef)(null),we=(0,d.useCallback)(e=>{z.current=e,r.assignRef(k,e)},[k]),Te=D??I?.disabled??!1,Ee=O??I?.readOnly??!1,De=C??I?.size??`md`,B=(0,d.useRef)(_);B.current=_;let V=(0,d.useRef)(null),H=(0,d.useRef)(u??p),[U,W]=(0,d.useState)(0),G=()=>{V.current!=null&&clearTimeout(V.current),V.current=null};(0,d.useEffect)(()=>G,[]);let K=e=>{G(),H.current=e,W(e=>e+1),B.current?.(e)},Oe=e=>{v!=null&&(G(),e!==H.current&&(e===``?K(``):e.trim().length<ae||(V.current=setTimeout(()=>{V.current=null,e!==H.current&&K(e)},v))))},q=(0,d.useRef)(P);q.current=P;let J=(0,d.useRef)(K);J.current=K,(0,d.useEffect)(()=>{if(!L)return;let e={search:()=>(J.current(q.current),q.current)};return L.current=e,()=>{L.current===e&&(L.current=null)}},[L]);let Y=(0,d.useRef)(!1),ke=e=>{_e?.(e);let t=e.target.value;F(t),W(e=>e+1),Y.current||Oe(t)},Ae=()=>{let e=z.current;if(e){Y.current=!0;try{te(e,``)}finally{Y.current=!1}G(),v!=null&&H.current!==``&&K(``),y?.()}},je=()=>{G(),y?.()},Me=e=>{if(ve?.(e),!(e.defaultPrevented||e.nativeEvent.isComposing)){if(e.key===`Enter`){let t=e.currentTarget.form;L&&t?(e.preventDefault(),typeof t.requestSubmit==`function`?t.requestSubmit():K(P)):(t&&_&&e.preventDefault(),K(P))}else e.key===`Escape`&&(P!==``&&!Ee?(e.preventDefault(),e.stopPropagation(),Ae()):ce&&e.currentTarget.blur())}},[Ne,X]=(0,d.useState)(!1),Pe=e=>{X(!0),ye?.(e)},Fe=e=>{X(!1),be?.(e)},Ie=b?.join(`+`)??``,Z=b?m(b,R):null,Q=Z!=null&&le&&!Te;(0,d.useEffect)(()=>{if(!Q||!b)return;let e=m(b,R);if(!e)return;let t=t=>{if(t.defaultPrevented||t.isComposing)return;let n=z.current;n&&!n.disabled&&(t.target!==n&&ne(t.target)||re(t,e)&&n.getClientRects().length!==0&&(t.preventDefault(),n.focus(),n.select()))};return document.addEventListener(`keydown`,t),()=>document.removeEventListener(`keydown`,t)},[Q,Ie,R]);let[Le,Re]=(0,d.useState)(!1);(0,d.useEffect)(()=>{let e=(z.current?.labels?.length??0)>0;Re(t=>t===e?t:e)});let ze=!A&&!j&&!I&&!Le,[Be,Ve]=(0,d.useState)(``),He=(0,d.useRef)(N);He.current=N,(0,d.useEffect)(()=>{if(x==null||w||U===0)return;Ve(``);let e=setTimeout(()=>Ve(He.current(x)),S);return()=>clearTimeout(e)},[x,w,U,S]);let $=Q&&!Ne&&P===``&&!w&&b!=null?(0,f.jsx)(a.KbdShortcut,{keys:b,size:De===`lg`?`md`:`sm`,platform:R,className:l.default.hint}):null,Ue=$||E!=null?(0,f.jsxs)(f.Fragment,{children:[$,E]}):void 0;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(c.Input,{...Se,ref:we,type:`search`,value:P,size:C,radius:fe,loading:w,disabled:D,readOnly:O,autoComplete:he,enterKeyHint:ge,"aria-label":A??(ze?M.searchInput.search:void 0),"aria-labelledby":j,"aria-keyshortcuts":xe??(Q&&Z?ie(Z):void 0),startIcon:T===void 0?(0,f.jsx)(i.SearchIcon,{}):T,endIcon:Ue,endElement:pe,clearable:oe,clearLabel:Ce,onClear:je,inputClassName:n.cx(l.default.input,me),onChange:ke,onKeyDown:Me,onFocus:Pe,onBlur:Fe}),(0,f.jsx)(o.VisuallyHidden,{role:`status`,"aria-live":`polite`,"aria-atomic":`true`,children:Be})]})};function v({onSearch:e,onSubmit:t,className:r,children:i,noValidate:a=!0,...o}){let s=(0,d.useRef)(null),c=n=>{t?.(n),n.preventDefault();let r;r=s.current?s.current.search():n.currentTarget.querySelector(`input[type="search"]`)?.value??``,e?.(r,n)};return(0,f.jsx)(g.Provider,{value:s,children:(0,f.jsx)(`form`,{...o,role:`search`,noValidate:a,className:n.cx(l.default.form,r),onSubmit:c,children:i})})}exports.SearchForm=v,exports.SearchInput=_,exports.defaultResultsLabel=h;