react-material-design 0.5.2 → 0.5.4

package/dist/components/Button/group/index.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./render.cjs");exports.default=e.default;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../misc/OrderedCollection/index.cjs"),t=require("./render.cjs");let n=require("react/compiler-runtime"),r=require("react/jsx-runtime");function i(i){let a=(0,n.c)(4);if(e.useOrderedCollection()){let t;return a[0]===i?t=a[1]:(t=(0,r.jsx)(e.OrderedCollectionChild,{name:`ButtonGroup`,content:i}),a[0]=i,a[1]=t),t}let o;return a[2]===i?o=a[3]:(o=(0,r.jsx)(t.default,{...i}),a[2]=i,a[3]=o),o}exports.default=i;

package/dist/components/Button/group/index.d.ts

@@ -1,2 +1,3 @@
-export { default } from './render';
+import { ButtonGroupProps } from './render';
 export type { ButtonGroupProps, ConnectedButtonGroupProps, StandardButtonGroupProps } from './render';
+export default function ButtonGroup(props: ButtonGroupProps): import('react').JSX.Element;

package/dist/components/Button/group/index.js

@@ -1 +1,19 @@
-export { default } from "./render.js";
+import { OrderedCollectionChild as e, useOrderedCollection as t } from "../../misc/OrderedCollection/index.js";
+import n from "./render.js";
+import { c as r } from "react/compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region lib/components/Button/group/index.tsx
+function a(a) {
+	let o = r(4);
+	if (t()) {
+		let t;
+		return o[0] === a ? t = o[1] : (t = /* @__PURE__ */ i(e, {
+			name: "ButtonGroup",
+			content: a
+		}), o[0] = a, o[1] = t), t;
+	}
+	let s;
+	return o[2] === a ? s = o[3] : (s = /* @__PURE__ */ i(n, { ...a }), o[2] = a, o[3] = s), s;
+}
+//#endregion
+export { a as default };

package/dist/components/Button/group/render.cjs

@@ -1 +1 @@
-require('./style.css');const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/index.cjs"),n=require("../../misc/OrderedCollection/index.cjs"),r=require("../../misc/Transitionable/index.cjs"),i=require("../../types.cjs"),a=require("../icon/render.cjs");;/* empty css             */const o=require("../default/render.cjs");let s=require("classnames");s=e.__toESM(s,1);let c=require("react"),l=require("react/jsx-runtime");var u=[`type`,`align`,`size`,`shape`,`selectable`,`selected`,`onSelected`,`required`,`requiredMessage`,`children`];function d(e){let t={...e};return u.forEach(e=>delete t[e]),t}function f(e){return typeof e==`object`&&e?.selectable}var p=(0,c.createContext)(null),m=()=>(0,c.useContext)(p);function h(e){let{onSelected:u}=e,m=(0,c.useId)(),[h,g]=(0,c.useState)([]),[_,v]=(0,c.useState)(),[y,b]=(0,c.useState)([]),x=(0,c.useMemo)(()=>[`Button`,`IconButton`],[]),S={},C=(0,c.useMemo)(()=>({size:e.size,selectable:!!e.selectable,required:!!(e.selectable&&e.required),get selected(){return h.reduce((e,t)=>e.set(t.id,y.includes(t.id)),new Map)},onSelected:(t,n)=>{let r;e.selectable&&(v(void 0),e.selectable===`single`?(r=n?[t]:[],u?.(n?t:void 0)):(r=[...y],n?r.push(t):r=r.filter(e=>e!==t),u?.(r)),b(r))},onPressed:(t,n,r)=>{let i,a=null,o=null;e.type!==`connected`&&(n?.previousElementSibling instanceof HTMLElement&&(a=n.previousElementSibling),n?.nextElementSibling instanceof HTMLElement&&(o=n.nextElementSibling),r?(i=n.getBoundingClientRect().width/100*15,!a&&o?(n.style.setProperty(`--button-width-extra`,`${i/2}px`),o.style.setProperty(`--button-width-extra`,`-${i/2}px`)):a&&o?(a.style.setProperty(`--button-width-extra`,`-${i/2}px`),n.style.setProperty(`--button-width-extra`,`${i}px`),o.style.setProperty(`--button-width-extra`,`-${i/2}px`)):a&&!o&&(a.style.setProperty(`--button-width-extra`,`-${i/2}px`),n.style.setProperty(`--button-width-extra`,`${i/2}px`))):(a?.style.removeProperty(`--button-width-extra`),n.style.removeProperty(`--button-width-extra`),o?.style.removeProperty(`--button-width-extra`)))}}),[h,u,e.required,e.selectable,e.size,e.type,y]);return(0,c.useEffect)(()=>{e.selectable&&(e.selectable===`single`?b(e.selected?[e.selected]:[]):b(e.selected??[]))},[e.selectable,e.selected]),S.ButtonGroup=!0,S[e.type??`standard`]=!0,e.type!==`connected`&&(S[`align-`+(e.align??`left`)]=!0),S[e.shape??`round`]=!0,S[i.getComponentSizeName(e.size)]=!0,f(e)&&(S.selectable=!0,S[e.selectable]=!0),(0,l.jsxs)(`div`,{...d(e),className:(0,s.default)(S,e.className),children:[(0,l.jsx)(`div`,{className:`container`,children:(0,l.jsxs)(p,{value:C,children:[h.map(e=>{switch(e.orderedCollectionName){case`Button`:return(0,l.jsx)(o.default,{...e},e.id);case`IconButton`:return(0,l.jsx)(a.default,{...e},e.id)}}),(0,l.jsx)(n.default,{childName:x,onChildrenChange:g,compareChild:t.shallowEqual,children:e.children})]})}),e.selectable&&e.required&&(0,l.jsx)(r.default,{value:_,className:`error`}),(0,l.jsx)(`div`,{style:(0,c.useMemo)(()=>({display:`none`}),[]),children:e.selectable&&e.required&&h.map((t,n)=>(0,l.jsx)(`input`,{type:`radio`,name:`group_${m}`,required:!n&&!y.length,defaultChecked:y.includes(t.id),onInvalid:t=>{v((f(e)?e.requiredMessage:void 0)??t.currentTarget.validationMessage),t.preventDefault()}},t.id))})]})}exports.ButtonGroupContext=p,exports.default=h,exports.useButtonGroupContext=m;
+require('./style.css');const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../utils/index.cjs"),n=require("../../misc/OrderedCollection/index.cjs"),r=require("../../misc/Transitionable/index.cjs"),i=require("../../types.cjs"),a=require("../icon/render.cjs");;/* empty css             */const o=require("../default/render.cjs");let s=require("classnames");s=e.__toESM(s,1);let c=require("react"),l=require("react/jsx-runtime");var u=[`type`,`align`,`size`,`shape`,`selectable`,`selected`,`onSelected`,`required`,`requiredMessage`,`children`];function d(e){let t={...e};return u.forEach(e=>delete t[e]),delete t.orderedCollectionName,t}var f=(0,c.createContext)(null),p=()=>(0,c.useContext)(f);function m(e){let{onSelected:u,selectable:p,selected:m,required:h,requiredMessage:g}=e,_=(0,c.useId)(),[v,y]=(0,c.useState)([]),[b,x]=(0,c.useState)(),[S,C]=(0,c.useState)([]),w=(0,c.useMemo)(()=>(p===`single`&&m?[m]:S)??S,[p,m,S]),T=(0,c.useMemo)(()=>[`Button`,`IconButton`],[]),E={},D=(0,c.useMemo)(()=>({size:e.size,selectable:!!p,required:!!(p&&h),get selected(){return v.reduce((e,t)=>e.set(t.id,w.includes(t.id)),new Map)},onSelected:(e,t)=>{let n;p&&(x(void 0),p===`single`?(n=h||t?[e]:[],u?.(t?e:void 0)):(n=[...w],t?n.push(e):(!h||h&&n.length>1)&&(n=n.filter(t=>t!==e)),u?.(n)),C(n))},onPressed:(t,n,r)=>{let i,a=null,o=null;e.type!==`connected`&&(n?.previousElementSibling instanceof HTMLElement&&(a=n.previousElementSibling),n?.nextElementSibling instanceof HTMLElement&&(o=n.nextElementSibling),r?(i=n.getBoundingClientRect().width/100*15,!a&&o?(n.style.setProperty(`--button-width-extra`,`${i/2}px`),o.style.setProperty(`--button-width-extra`,`-${i/2}px`)):a&&o?(a.style.setProperty(`--button-width-extra`,`-${i/2}px`),n.style.setProperty(`--button-width-extra`,`${i}px`),o.style.setProperty(`--button-width-extra`,`-${i/2}px`)):a&&!o&&(a.style.setProperty(`--button-width-extra`,`-${i/2}px`),n.style.setProperty(`--button-width-extra`,`${i/2}px`))):(a?.style.removeProperty(`--button-width-extra`),n.style.removeProperty(`--button-width-extra`),o?.style.removeProperty(`--button-width-extra`)))}}),[v,u,h,p,e.size,e.type,w]);return E.ButtonGroup=!0,E[e.type??`standard`]=!0,e.type!==`connected`&&(E[`align-`+(e.align??`left`)]=!0),E[e.shape??`round`]=!0,E[i.getComponentSizeName(e.size)]=!0,p&&(E.selectable=!0,E[p]=!0),(0,l.jsxs)(`div`,{...d(e),className:(0,s.default)(E,e.className),children:[(0,l.jsx)(`div`,{className:`container`,children:(0,l.jsxs)(f,{value:D,children:[v.map(e=>{switch(e.orderedCollectionName){case`Button`:return(0,l.jsx)(o.default,{...e},e.id);case`IconButton`:return(0,l.jsx)(a.default,{...e},e.id)}}),(0,l.jsx)(n.default,{childName:T,onChildrenChange:y,compareChild:t.shallowEqual,children:e.children})]})}),p&&h&&(0,l.jsx)(r.default,{value:b,className:`error`}),(0,l.jsx)(`div`,{style:(0,c.useMemo)(()=>({display:`none`}),[]),children:p&&h&&v.map((e,t)=>(0,l.jsx)(`input`,{type:`radio`,name:`group_${_}`,required:!t&&!w.length,defaultChecked:w.includes(e.id),onInvalid:e=>{x((p?g:void 0)??e.currentTarget.validationMessage),e.preventDefault()}},e.id))})]})}exports.ButtonGroupContext=f,exports.default=m,exports.useButtonGroupContext=p;

package/dist/components/Button/group/render.d.ts

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
 import { CommonButtonProps } from '../types';
 interface BaseButtonGroupProps extends Pick<CommonButtonProps, "size" | "shape">, Omit<React.ButtonHTMLAttributes<HTMLElement>, "type"> {
+    position?: "top" | "bottom";
     selectable?: false;
     children?: React.ReactNode;
 }
 export interface BaseButtonGroupSelectable {
+    position?: "top" | "bottom";
     required?: boolean;
     requiredMessage?: string;
 }
@@ -45,5 +47,5 @@ export interface ButtonGroupContext {
 }
 export declare const ButtonGroupContext: React.Context<ButtonGroupContext | null>;
 export declare const useButtonGroupContext: () => ButtonGroupContext | null;
-export default function ButtonGroup(props: ButtonGroupProps): React.JSX.Element;
+export default function ButtonGroupRender(props: ButtonGroupProps): React.JSX.Element;
 export {};

package/dist/components/Button/group/render.js

@@ -6,10 +6,10 @@ import i from "../icon/render.js";
 import './style.css';/* empty css           */
 import a from "../default/render.js";
 import o from "classnames";
-import { createContext as s, useContext as c, useEffect as l, useId as u, useMemo as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createContext as s, useContext as c, useId as l, useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region lib/components/Button/group/render.tsx
-var h = [
+var m = [
 	"type",
 	"align",
 	"size",
@@ -21,75 +21,74 @@ var h = [
 	"requiredMessage",
 	"children"
 ];
-function g(e) {
+function h(e) {
 	let t = { ...e };
-	return h.forEach((e) => delete t[e]), t;
+	return m.forEach((e) => delete t[e]), delete t.orderedCollectionName, t;
 }
-function _(e) {
-	return typeof e == "object" && e?.selectable;
-}
-var v = s(null), y = () => c(v);
-function b(s) {
-	let { onSelected: c } = s, h = u(), [y, b] = f([]), [x, S] = f(), [C, w] = f([]), T = d(() => ["Button", "IconButton"], []), E = {}, D = d(() => ({
+var g = s(null), _ = () => c(g);
+function v(s) {
+	let { onSelected: c, selectable: m, selected: _, required: v, requiredMessage: y } = s, b = l(), [x, S] = d([]), [C, w] = d(), [T, E] = d([]), D = u(() => (m === "single" && _ ? [_] : T) ?? T, [
+		m,
+		_,
+		T
+	]), O = u(() => ["Button", "IconButton"], []), k = {}, A = u(() => ({
 		size: s.size,
-		selectable: !!s.selectable,
-		required: !!(s.selectable && s.required),
+		selectable: !!m,
+		required: !!(m && v),
 		get selected() {
-			return y.reduce((e, t) => e.set(t.id, C.includes(t.id)), /* @__PURE__ */ new Map());
+			return x.reduce((e, t) => e.set(t.id, D.includes(t.id)), /* @__PURE__ */ new Map());
 		},
 		onSelected: (e, t) => {
 			let n;
-			s.selectable && (S(void 0), s.selectable === "single" ? (n = t ? [e] : [], c?.(t ? e : void 0)) : (n = [...C], t ? n.push(e) : n = n.filter((t) => t !== e), c?.(n)), w(n));
+			m && (w(void 0), m === "single" ? (n = v || t ? [e] : [], c?.(t ? e : void 0)) : (n = [...D], t ? n.push(e) : (!v || v && n.length > 1) && (n = n.filter((t) => t !== e)), c?.(n)), E(n));
 		},
 		onPressed: (e, t, n) => {
 			let r, i = null, a = null;
 			s.type !== "connected" && (t?.previousElementSibling instanceof HTMLElement && (i = t.previousElementSibling), t?.nextElementSibling instanceof HTMLElement && (a = t.nextElementSibling), n ? (r = t.getBoundingClientRect().width / 100 * 15, !i && a ? (t.style.setProperty("--button-width-extra", `${r / 2}px`), a.style.setProperty("--button-width-extra", `-${r / 2}px`)) : i && a ? (i.style.setProperty("--button-width-extra", `-${r / 2}px`), t.style.setProperty("--button-width-extra", `${r}px`), a.style.setProperty("--button-width-extra", `-${r / 2}px`)) : i && !a && (i.style.setProperty("--button-width-extra", `-${r / 2}px`), t.style.setProperty("--button-width-extra", `${r / 2}px`))) : (i?.style.removeProperty("--button-width-extra"), t.style.removeProperty("--button-width-extra"), a?.style.removeProperty("--button-width-extra")));
 		}
 	}), [
-		y,
+		x,
 		c,
-		s.required,
-		s.selectable,
+		v,
+		m,
 		s.size,
 		s.type,
-		C
+		D
 	]);
-	return l(() => {
-		s.selectable && (s.selectable === "single" ? w(s.selected ? [s.selected] : []) : w(s.selected ?? []));
-	}, [s.selectable, s.selected]), E.ButtonGroup = !0, E[s.type ?? "standard"] = !0, s.type !== "connected" && (E["align-" + (s.align ?? "left")] = !0), E[s.shape ?? "round"] = !0, E[r(s.size)] = !0, _(s) && (E.selectable = !0, E[s.selectable] = !0), /* @__PURE__ */ m("div", {
-		...g(s),
-		className: o(E, s.className),
+	return k.ButtonGroup = !0, k[s.type ?? "standard"] = !0, s.type !== "connected" && (k["align-" + (s.align ?? "left")] = !0), k[s.shape ?? "round"] = !0, k[r(s.size)] = !0, m && (k.selectable = !0, k[m] = !0), /* @__PURE__ */ p("div", {
+		...h(s),
+		className: o(k, s.className),
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ f("div", {
 				className: "container",
-				children: /* @__PURE__ */ m(v, {
-					value: D,
-					children: [y.map((e) => {
+				children: /* @__PURE__ */ p(g, {
+					value: A,
+					children: [x.map((e) => {
 						switch (e.orderedCollectionName) {
-							case "Button": return /* @__PURE__ */ p(a, { ...e }, e.id);
-							case "IconButton": return /* @__PURE__ */ p(i, { ...e }, e.id);
+							case "Button": return /* @__PURE__ */ f(a, { ...e }, e.id);
+							case "IconButton": return /* @__PURE__ */ f(i, { ...e }, e.id);
 						}
-					}), /* @__PURE__ */ p(t, {
-						childName: T,
-						onChildrenChange: b,
+					}), /* @__PURE__ */ f(t, {
+						childName: O,
+						onChildrenChange: S,
 						compareChild: e,
 						children: s.children
 					})]
 				})
 			}),
-			s.selectable && s.required && /* @__PURE__ */ p(n, {
-				value: x,
+			m && v && /* @__PURE__ */ f(n, {
+				value: C,
 				className: "error"
 			}),
-			/* @__PURE__ */ p("div", {
-				style: d(() => ({ display: "none" }), []),
-				children: s.selectable && s.required && y.map((e, t) => /* @__PURE__ */ p("input", {
+			/* @__PURE__ */ f("div", {
+				style: u(() => ({ display: "none" }), []),
+				children: m && v && x.map((e, t) => /* @__PURE__ */ f("input", {
 					type: "radio",
-					name: `group_${h}`,
-					required: !t && !C.length,
-					defaultChecked: C.includes(e.id),
+					name: `group_${b}`,
+					required: !t && !D.length,
+					defaultChecked: D.includes(e.id),
 					onInvalid: (e) => {
-						S((_(s) ? s.requiredMessage : void 0) ?? e.currentTarget.validationMessage), e.preventDefault();
+						w((m ? y : void 0) ?? e.currentTarget.validationMessage), e.preventDefault();
 					}
 				}, e.id))
 			})
@@ -97,4 +96,4 @@ function b(s) {
 	});
 }
 //#endregion
-export { v as ButtonGroupContext, b as default, y as useButtonGroupContext };
+export { g as ButtonGroupContext, v as default, _ as useButtonGroupContext };

package/dist/components/Button/index.cjs

@@ -1 +1 @@
-const e=require("./group/render.cjs");let t=require("react/compiler-runtime"),n=require("react");function r(r,i,a){let o=(0,t.c)(38),{selectable:s,selected:c,defaultSelected:l,onSelected:u,onClick:d}=i,f=e.useButtonGroupContext(),[p,m]=(0,n.useState)((s?l??c:!1)??!1),h=c??p,[g,_]=(0,n.useState)(!1),v;o[0]!==f||o[1]!==r||o[2]!==d||o[3]!==u||o[4]!==s||o[5]!==h||o[6]!==c?(v=e=>{f?.selectable?f.onSelected(r,!(f.selected.get(r)??h)):!f&&s&&(c===void 0&&m(!h),u?.(!h)),d?.(e)},o[0]=f,o[1]=r,o[2]=d,o[3]=u,o[4]=s,o[5]=h,o[6]=c,o[7]=v):v=o[7];let y=v,b;o[8]===a?b=o[9]:(b=()=>{_(!0),a(!0)},o[8]=a,o[9]=b);let x=b,S;o[10]===a?S=o[11]:(S=()=>{_(!1),a(!1)},o[10]=a,o[11]=S);let C=S,w;o[12]!==x||o[13]!==i?(w=e=>{x(),i.onMouseDown?.(e)},o[12]=x,o[13]=i,o[14]=w):w=o[14];let T=w,E;o[15]!==C||o[16]!==i?(E=e=>{C(),i.onMouseUp?.(e)},o[15]=C,o[16]=i,o[17]=E):E=o[17];let D=E,O;o[18]!==C||o[19]!==i?(O=e=>{C(),i.onMouseLeave?.(e)},o[18]=C,o[19]=i,o[20]=O):O=o[20];let k=O,A;o[21]!==x||o[22]!==i?(A=e=>{x(),i.onTouchStart?.(e)},o[21]=x,o[22]=i,o[23]=A):A=o[23];let j=A,M;o[24]!==C||o[25]!==i?(M=e=>{C(),i.onTouchEnd?.(e)},o[24]=C,o[25]=i,o[26]=M):M=o[26];let N=M,P;o[27]!==y||o[28]!==T||o[29]!==k||o[30]!==D||o[31]!==N||o[32]!==j?(P={onClick:y,onMouseDown:T,onMouseUp:D,onMouseLeave:k,onTouchStart:j,onTouchEnd:N},o[27]=y,o[28]=T,o[29]=k,o[30]=D,o[31]=N,o[32]=j,o[33]=P):P=o[33];let F=P,I;return o[34]!==F||o[35]!==g||o[36]!==p?(I=[F,p,g],o[34]=F,o[35]=g,o[36]=p,o[37]=I):I=o[37],I}exports.useCommonButtonProps=r;
+const e=require("./group/render.cjs");let t=require("react/compiler-runtime"),n=require("react");function r(r,i,a){let o=(0,t.c)(38),{selectable:s,selected:c,defaultSelected:l,onSelected:u,onClick:d,onMouseDown:f,onMouseUp:p,onMouseLeave:m,onTouchStart:h,onTouchEnd:g}=i,_=e.useButtonGroupContext(),[v,y]=(0,n.useState)((s?l??c:!1)??!1),b=c??v,[x,S]=(0,n.useState)(!1),C;o[0]!==_||o[1]!==r||o[2]!==d||o[3]!==u||o[4]!==s||o[5]!==b||o[6]!==c?(C=e=>{_?.selectable?_.onSelected(r,!(_.selected.get(r)??b)):!_&&s&&(c===void 0&&y(!b),u?.(!b)),d?.(e)},o[0]=_,o[1]=r,o[2]=d,o[3]=u,o[4]=s,o[5]=b,o[6]=c,o[7]=C):C=o[7];let w=C,T;o[8]===a?T=o[9]:(T=()=>{S(!0),a(!0)},o[8]=a,o[9]=T);let E=T,D;o[10]===a?D=o[11]:(D=()=>{S(!1),a(!1)},o[10]=a,o[11]=D);let O=D,k;o[12]!==f||o[13]!==E?(k=e=>{E(),f?.(e)},o[12]=f,o[13]=E,o[14]=k):k=o[14];let A=k,j;o[15]!==p||o[16]!==O?(j=e=>{O(),p?.(e)},o[15]=p,o[16]=O,o[17]=j):j=o[17];let M=j,N;o[18]!==m||o[19]!==O?(N=e=>{O(),m?.(e)},o[18]=m,o[19]=O,o[20]=N):N=o[20];let P=N,F;o[21]!==E||o[22]!==h?(F=e=>{E(),h?.(e)},o[21]=E,o[22]=h,o[23]=F):F=o[23];let I=F,L;o[24]!==O||o[25]!==g?(L=e=>{O(),g?.(e)},o[24]=O,o[25]=g,o[26]=L):L=o[26];let R=L,z;o[27]!==w||o[28]!==A||o[29]!==P||o[30]!==M||o[31]!==R||o[32]!==I?(z={onClick:w,onMouseDown:A,onMouseUp:M,onMouseLeave:P,onTouchStart:I,onTouchEnd:R},o[27]=w,o[28]=A,o[29]=P,o[30]=M,o[31]=R,o[32]=I,o[33]=z):z=o[33];let B=z,V;return o[34]!==B||o[35]!==x||o[36]!==v?(V=[B,v,x],o[34]=B,o[35]=x,o[36]=v,o[37]=V):V=o[37],V}exports.useCommonButtonProps=r;

package/dist/components/Button/index.js

@@ -3,53 +3,53 @@ import { c as t } from "react/compiler-runtime";
 import { useState as n } from "react";
 //#region lib/components/Button/index.tsx
 function r(r, i, a) {
-	let o = t(38), { selectable: s, selected: c, defaultSelected: l, onSelected: u, onClick: d } = i, f = e(), [p, m] = n((s ? l ?? c : !1) ?? !1), h = c ?? p, [g, _] = n(!1), v;
-	o[0] !== f || o[1] !== r || o[2] !== d || o[3] !== u || o[4] !== s || o[5] !== h || o[6] !== c ? (v = (e) => {
-		f?.selectable ? f.onSelected(r, !(f.selected.get(r) ?? h)) : !f && s && (c === void 0 && m(!h), u?.(!h)), d?.(e);
-	}, o[0] = f, o[1] = r, o[2] = d, o[3] = u, o[4] = s, o[5] = h, o[6] = c, o[7] = v) : v = o[7];
-	let y = v, b;
-	o[8] === a ? b = o[9] : (b = () => {
-		_(!0), a(!0);
-	}, o[8] = a, o[9] = b);
-	let x = b, S;
-	o[10] === a ? S = o[11] : (S = () => {
-		_(!1), a(!1);
-	}, o[10] = a, o[11] = S);
-	let C = S, w;
-	o[12] !== x || o[13] !== i ? (w = (e) => {
-		x(), i.onMouseDown?.(e);
-	}, o[12] = x, o[13] = i, o[14] = w) : w = o[14];
-	let T = w, E;
-	o[15] !== C || o[16] !== i ? (E = (e) => {
-		C(), i.onMouseUp?.(e);
-	}, o[15] = C, o[16] = i, o[17] = E) : E = o[17];
-	let D = E, O;
-	o[18] !== C || o[19] !== i ? (O = (e) => {
-		C(), i.onMouseLeave?.(e);
-	}, o[18] = C, o[19] = i, o[20] = O) : O = o[20];
-	let k = O, A;
-	o[21] !== x || o[22] !== i ? (A = (e) => {
-		x(), i.onTouchStart?.(e);
-	}, o[21] = x, o[22] = i, o[23] = A) : A = o[23];
-	let j = A, M;
-	o[24] !== C || o[25] !== i ? (M = (e) => {
-		C(), i.onTouchEnd?.(e);
-	}, o[24] = C, o[25] = i, o[26] = M) : M = o[26];
-	let N = M, P;
-	o[27] !== y || o[28] !== T || o[29] !== k || o[30] !== D || o[31] !== N || o[32] !== j ? (P = {
-		onClick: y,
-		onMouseDown: T,
-		onMouseUp: D,
-		onMouseLeave: k,
-		onTouchStart: j,
-		onTouchEnd: N
-	}, o[27] = y, o[28] = T, o[29] = k, o[30] = D, o[31] = N, o[32] = j, o[33] = P) : P = o[33];
-	let F = P, I;
-	return o[34] !== F || o[35] !== g || o[36] !== p ? (I = [
-		F,
-		p,
-		g
-	], o[34] = F, o[35] = g, o[36] = p, o[37] = I) : I = o[37], I;
+	let o = t(38), { selectable: s, selected: c, defaultSelected: l, onSelected: u, onClick: d, onMouseDown: f, onMouseUp: p, onMouseLeave: m, onTouchStart: h, onTouchEnd: g } = i, _ = e(), [v, y] = n((s ? l ?? c : !1) ?? !1), b = c ?? v, [x, S] = n(!1), C;
+	o[0] !== _ || o[1] !== r || o[2] !== d || o[3] !== u || o[4] !== s || o[5] !== b || o[6] !== c ? (C = (e) => {
+		_?.selectable ? _.onSelected(r, !(_.selected.get(r) ?? b)) : !_ && s && (c === void 0 && y(!b), u?.(!b)), d?.(e);
+	}, o[0] = _, o[1] = r, o[2] = d, o[3] = u, o[4] = s, o[5] = b, o[6] = c, o[7] = C) : C = o[7];
+	let w = C, T;
+	o[8] === a ? T = o[9] : (T = () => {
+		S(!0), a(!0);
+	}, o[8] = a, o[9] = T);
+	let E = T, D;
+	o[10] === a ? D = o[11] : (D = () => {
+		S(!1), a(!1);
+	}, o[10] = a, o[11] = D);
+	let O = D, k;
+	o[12] !== f || o[13] !== E ? (k = (e) => {
+		E(), f?.(e);
+	}, o[12] = f, o[13] = E, o[14] = k) : k = o[14];
+	let A = k, j;
+	o[15] !== p || o[16] !== O ? (j = (e) => {
+		O(), p?.(e);
+	}, o[15] = p, o[16] = O, o[17] = j) : j = o[17];
+	let M = j, N;
+	o[18] !== m || o[19] !== O ? (N = (e) => {
+		O(), m?.(e);
+	}, o[18] = m, o[19] = O, o[20] = N) : N = o[20];
+	let P = N, F;
+	o[21] !== E || o[22] !== h ? (F = (e) => {
+		E(), h?.(e);
+	}, o[21] = E, o[22] = h, o[23] = F) : F = o[23];
+	let I = F, L;
+	o[24] !== O || o[25] !== g ? (L = (e) => {
+		O(), g?.(e);
+	}, o[24] = O, o[25] = g, o[26] = L) : L = o[26];
+	let R = L, z;
+	o[27] !== w || o[28] !== A || o[29] !== P || o[30] !== M || o[31] !== R || o[32] !== I ? (z = {
+		onClick: w,
+		onMouseDown: A,
+		onMouseUp: M,
+		onMouseLeave: P,
+		onTouchStart: I,
+		onTouchEnd: R
+	}, o[27] = w, o[28] = A, o[29] = P, o[30] = M, o[31] = R, o[32] = I, o[33] = z) : z = o[33];
+	let B = z, V;
+	return o[34] !== B || o[35] !== x || o[36] !== v ? (V = [
+		B,
+		v,
+		x
+	], o[34] = B, o[35] = x, o[36] = v, o[37] = V) : V = o[37], V;
 }
 //#endregion
 export { r as useCommonButtonProps };

package/dist/components/Dialog/Dialog.cjs

@@ -1 +1 @@
-require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Theme/Theme.cjs"),ee=require("../Button/context.cjs"),n=require("../Icon/Icon.cjs"),r=require("../../utils/index.cjs"),i=require("../misc/OrderedCollection/index.cjs"),a=require("../Divider/index.cjs"),te=require("../types.cjs"),o=require("../Button/default/index.cjs"),s=require("../Button/icon/index.cjs");;/* empty css             */let c=require("react/compiler-runtime"),l=require("classnames");l=e.__toESM(l,1);let u=require("react");u=e.__toESM(u,1);let d=require("react/jsx-runtime"),ne=require("react-dom"),f=require("react-dom-event-hooks");function p(e){let p=(0,c.c)(74),m=(0,u.useId)(),{setDialogState:h,dialogsContainer:g}=t.useTheme(`Dialog`),_=(0,u.useRef)(null),v=(0,u.useRef)(null),y;p[0]===Symbol.for(`react.memo_cache_sentinel`)?(y=[],p[0]=y):y=p[0];let[b,le]=(0,u.useState)(y),x;p[1]===b?x=p[2]:(x=b.filter(ce),p[1]=b,p[2]=x);let S=x,C;p[3]===b?C=p[4]:(C=b.filter(se),p[3]=b,p[4]=C);let w=C,T;p[5]===Symbol.for(`react.memo_cache_sentinel`)?(T=[`Content`,`DialogAction`],p[5]=T):T=p[5];let ue=T,E;p[6]===Symbol.for(`react.memo_cache_sentinel`)?(E={default:`text`,icon:`standard`},p[6]=E):E=p[6];let de=E,D;p[7]!==e.fullscreen||p[8]!==e.icon?(D=e.fullscreen?null:n.convertIconDefinition(e.icon),p[7]=e.fullscreen,p[8]=e.icon,p[9]=D):D=p[9];let O=D,k;p[10]===Symbol.for(`react.memo_cache_sentinel`)?(k=e=>{e.filter(e=>e.borderBoxSize.forEach(e=>{v.current?.checkVisibility()&&(v.current.style.setProperty(`--modal-width`,`${e.inlineSize}px`),v.current.style.setProperty(`--modal-height`,`${e.blockSize}px`))}))},p[10]=k):k=p[10];let{saveRef:A}=(0,f.useResizeObserver)(k),{saveRef:j}=(0,f.useElementEventListener)(`scroll`,oe),M;p[11]!==m||p[12]!==h?(M=()=>{h(m,!0),_.current?.classList.remove(`close`),_.current?.classList.add(`open`),_.current?.showModal()},p[11]=m,p[12]=h,p[13]=M):M=p[13];let N=(0,u.useEffectEvent)(M),P;p[14]!==m||p[15]!==h?(P=async()=>{h(m,!1),_.current?.classList.remove(`open`),_.current?.classList.add(`close`),await r.waitAnimationNameEndEvent(v.current,ae),_.current?.classList.remove(`close`),_.current?.close()},p[14]=m,p[15]=h,p[16]=P):P=p[16];let F=(0,u.useEffectEvent)(P),I;p[17]===e?I=p[18]:(I=t=>{t.stopPropagation(),e.onClose?.()},p[17]=e,p[18]=I);let L=I,R;p[19]===e?R=p[20]:(R=t=>{t.code.toLowerCase().includes(`escape`)&&(t.stopPropagation(),t.preventDefault(),e.onClose?.())},p[19]=e,p[20]=R);let z=R,B;p[21]!==F||p[22]!==N||p[23]!==e.open?(B=()=>{e.open?N():F()},p[21]=F,p[22]=N,p[23]=e.open,p[24]=B):B=p[24];let V;if(p[25]===e.open?V=p[26]:(V=[e.open],p[25]=e.open,p[26]=V),(0,u.useEffect)(B,V),!g)return null;let fe=e.headline,H=e.fullscreen?`dialog`:`alertdialog`,U;p[27]!==e.fullscreen||p[28]!==e.headline||p[29]!==e.icon||p[30]!==e.size?(U=(0,l.default)(`modal`,!e.fullscreen&&e.size?te.getComponentSizeName(e.size):void 0,{fullscreen:e.fullscreen,headline:e.headline,icon:!e.fullscreen&&e.icon}),p[27]=e.fullscreen,p[28]=e.headline,p[29]=e.icon,p[30]=e.size,p[31]=U):U=p[31];let W;p[32]!==O||p[33]!==e.buttonLabel||p[34]!==e.fullscreen||p[35]!==e.headline||p[36]!==e.onButtonClick||p[37]!==e.onClose||p[38]!==e.supportingText?(W=e.fullscreen?(0,d.jsxs)(`div`,{className:`header`,children:[(0,d.jsx)(s.default,{className:`icon`,color:`standard`,icon:`close`,onClick:e.onClose}),(0,d.jsx)(`span`,{className:`headline`,children:e.headline}),(0,d.jsx)(o.default,{className:`action`,color:`text`,label:e.buttonLabel,onClick:e.onButtonClick})]}):(0,d.jsxs)(`div`,{className:`description`,children:[O&&(0,d.jsx)(n.IconProvider,{size:24,children:O}),e.headline&&(0,d.jsx)(`span`,{className:`headline`,children:e.headline}),(0,d.jsx)(`span`,{className:`supporting-text`,children:e.supportingText})]}),p[32]=O,p[33]=e.buttonLabel,p[34]=e.fullscreen,p[35]=e.headline,p[36]=e.onButtonClick,p[37]=e.onClose,p[38]=e.supportingText,p[39]=W):W=p[39];let G;p[40]!==S||p[41]!==e.fullscreen?(G=!e.fullscreen&&S&&(0,d.jsx)(a.default,{}),p[40]=S,p[41]=e.fullscreen,p[42]=G):G=p[42];let K;p[43]!==S||p[44]!==j?(K=!!S&&(0,d.jsx)(`div`,{ref:j,className:`content`,children:S.map(ie)}),p[43]=S,p[44]=j,p[45]=K):K=p[45];let q;p[46]!==S||p[47]!==e.fullscreen?(q=!e.fullscreen&&S&&(0,d.jsx)(a.default,{}),p[46]=S,p[47]=e.fullscreen,p[48]=q):q=p[48];let J;p[49]!==w||p[50]!==e.fullscreen?(J=!e.fullscreen&&w&&(0,d.jsx)(`div`,{className:`actions`,children:(0,d.jsx)(ee.default,{color:de,children:w.map(re)})}),p[49]=w,p[50]=e.fullscreen,p[51]=J):J=p[51];let Y;p[52]!==A||p[53]!==W||p[54]!==G||p[55]!==K||p[56]!==q||p[57]!==J?(Y=(0,d.jsxs)(`div`,{ref:A,className:`container`,children:[W,G,K,q,J]}),p[52]=A,p[53]=W,p[54]=G,p[55]=K,p[56]=q,p[57]=J,p[58]=Y):Y=p[58];let X;p[59]!==U||p[60]!==Y?(X=(0,d.jsx)(`div`,{ref:v,className:U,children:Y}),p[59]=U,p[60]=Y,p[61]=X):X=p[61];let Z;p[62]===e.children?Z=p[63]:(Z=(0,d.jsx)(i.default,{name:`Dialog`,childName:ue,onChildrenChange:le,compareChild:r.shallowEqual,children:e.children}),p[62]=e.children,p[63]=Z);let Q;p[64]!==L||p[65]!==z||p[66]!==e.headline||p[67]!==H||p[68]!==X||p[69]!==Z?(Q=(0,d.jsxs)(`dialog`,{ref:_,className:`Dialog`,onClose:L,onKeyDown:z,"aria-label":fe,role:H,children:[X,Z]}),p[64]=L,p[65]=z,p[66]=e.headline,p[67]=H,p[68]=X,p[69]=Z,p[70]=Q):Q=p[70];let $;return p[71]!==g||p[72]!==Q?($=(0,ne.createPortal)(Q,g),p[71]=g,p[72]=Q,p[73]=$):$=p[73],$}function re(e){return e.children}function ie(e){return e.children}function ae(e){return/^dialog-\w+-container-close$/.test(e)}function oe(e){e.target instanceof HTMLDivElement&&(e.target.scrollTop?e.target?.classList.add(`on-scroll`):e.target?.classList.remove(`on-scroll`))}function se(e){return e.orderedCollectionName===`DialogAction`}function ce(e){return e.orderedCollectionName===`Content`}exports.default=p;
+require('./style.css');const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../Theme/Theme.cjs"),ee=require("../Button/context.cjs"),n=require("../Icon/Icon.cjs"),r=require("../../utils/index.cjs"),te=require("../misc/OrderedCollection/index.cjs"),i=require("../Divider/index.cjs"),ne=require("../types.cjs"),re=require("../Button/default/index.cjs"),ie=require("../Button/icon/index.cjs");;/* empty css             */let a=require("react/compiler-runtime"),o=require("classnames");o=e.__toESM(o,1);let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("react-dom"),u=require("react-dom-event-hooks");function d(e){let d=(0,a.c)(74),f=(0,s.useId)(),{setDialogState:p,dialogsContainer:m}=t.useTheme(`Dialog`),h=(0,s.useRef)(null),g=(0,s.useRef)(null),_;d[0]===Symbol.for(`react.memo_cache_sentinel`)?(_=[],d[0]=_):_=d[0];let[v,ue]=(0,s.useState)(_),y;d[1]===v?y=d[2]:(y=v.filter(le).at(0),d[1]=v,d[2]=y);let b=y,x;d[3]===v?x=d[4]:(x=v.filter(ce),d[3]=v,d[4]=x);let S=x,C;d[5]===Symbol.for(`react.memo_cache_sentinel`)?(C=[`Content`,`DialogAction`],d[5]=C):C=d[5];let de=C,w;d[6]===Symbol.for(`react.memo_cache_sentinel`)?(w={default:`text`,icon:`standard`},d[6]=w):w=d[6];let T=w,E;d[7]!==e.fullscreen||d[8]!==e.icon?(E=e.fullscreen?null:n.convertIconDefinition(e.icon),d[7]=e.fullscreen,d[8]=e.icon,d[9]=E):E=d[9];let D=E,O;d[10]===Symbol.for(`react.memo_cache_sentinel`)?(O=e=>{e.filter(e=>e.borderBoxSize.forEach(e=>{g.current?.checkVisibility()&&(g.current.style.setProperty(`--modal-width`,`${e.inlineSize}px`),g.current.style.setProperty(`--modal-height`,`${e.blockSize}px`))}))},d[10]=O):O=d[10];let{saveRef:k}=(0,u.useResizeObserver)(O),{saveRef:A}=(0,u.useElementEventListener)(`scroll`,se),j;d[11]!==f||d[12]!==p?(j=()=>{p(f,!0),h.current?.classList.remove(`close`),h.current?.classList.add(`open`),h.current?.showModal()},d[11]=f,d[12]=p,d[13]=j):j=d[13];let M=(0,s.useEffectEvent)(j),N;d[14]!==f||d[15]!==p?(N=async()=>{p(f,!1),h.current?.classList.remove(`open`),h.current?.classList.add(`close`),await r.waitAnimationNameEndEvent(g.current,oe),h.current?.classList.remove(`close`),h.current?.close()},d[14]=f,d[15]=p,d[16]=N):N=d[16];let P=(0,s.useEffectEvent)(N),F;d[17]===e?F=d[18]:(F=t=>{t.stopPropagation(),e.onClose?.()},d[17]=e,d[18]=F);let I=F,L;d[19]===e?L=d[20]:(L=t=>{t.code.toLowerCase().includes(`escape`)&&(t.stopPropagation(),t.preventDefault(),e.onClose?.())},d[19]=e,d[20]=L);let R=L,z;d[21]!==P||d[22]!==M||d[23]!==e.open?(z=()=>{e.open?M():P()},d[21]=P,d[22]=M,d[23]=e.open,d[24]=z):z=d[24];let B;if(d[25]===e.open?B=d[26]:(B=[e.open],d[25]=e.open,d[26]=B),(0,s.useEffect)(z,B),!m)return null;let V=e.headline,H=e.fullscreen?`dialog`:`alertdialog`,U;d[27]!==e.fullscreen||d[28]!==e.headline||d[29]!==e.icon||d[30]!==e.size?(U=(0,o.default)(`modal`,!e.fullscreen&&e.size?ne.getComponentSizeName(e.size):void 0,{fullscreen:e.fullscreen,headline:e.headline,icon:!e.fullscreen&&e.icon}),d[27]=e.fullscreen,d[28]=e.headline,d[29]=e.icon,d[30]=e.size,d[31]=U):U=d[31];let W;d[32]!==D||d[33]!==e.buttonLabel||d[34]!==e.fullscreen||d[35]!==e.headline||d[36]!==e.onButtonClick||d[37]!==e.onClose||d[38]!==e.supportingText?(W=e.fullscreen?(0,c.jsxs)(`div`,{className:`header`,children:[(0,c.jsx)(ie.default,{className:`icon`,color:`standard`,icon:`close`,onClick:e.onClose}),(0,c.jsx)(`span`,{className:`headline`,children:e.headline}),(0,c.jsx)(re.default,{className:`action`,color:`text`,label:e.buttonLabel,onClick:e.onButtonClick})]}):(0,c.jsxs)(`div`,{className:`description`,children:[D&&(0,c.jsx)(n.IconProvider,{size:24,children:D}),e.headline&&(0,c.jsx)(`span`,{className:`headline`,children:e.headline}),(0,c.jsx)(`span`,{className:`supporting-text`,children:e.supportingText})]}),d[32]=D,d[33]=e.buttonLabel,d[34]=e.fullscreen,d[35]=e.headline,d[36]=e.onButtonClick,d[37]=e.onClose,d[38]=e.supportingText,d[39]=W):W=d[39];let G;d[40]!==b||d[41]!==e.fullscreen?(G=!e.fullscreen&&b&&(0,c.jsx)(i.default,{}),d[40]=b,d[41]=e.fullscreen,d[42]=G):G=d[42];let K;d[43]!==b||d[44]!==A?(K=!!b&&(0,c.jsx)(`div`,{ref:A,className:(0,o.default)(`content`,b.className),style:b.style,...b.dataset,children:b.children}),d[43]=b,d[44]=A,d[45]=K):K=d[45];let q;d[46]!==b||d[47]!==e.fullscreen?(q=!e.fullscreen&&b&&(0,c.jsx)(i.default,{}),d[46]=b,d[47]=e.fullscreen,d[48]=q):q=d[48];let J;d[49]!==S||d[50]!==e.fullscreen?(J=!e.fullscreen&&S&&(0,c.jsx)(`div`,{className:`actions`,children:(0,c.jsx)(ee.default,{color:T,children:S.map(ae)})}),d[49]=S,d[50]=e.fullscreen,d[51]=J):J=d[51];let Y;d[52]!==k||d[53]!==W||d[54]!==G||d[55]!==K||d[56]!==q||d[57]!==J?(Y=(0,c.jsxs)(`div`,{ref:k,className:`container`,children:[W,G,K,q,J]}),d[52]=k,d[53]=W,d[54]=G,d[55]=K,d[56]=q,d[57]=J,d[58]=Y):Y=d[58];let X;d[59]!==U||d[60]!==Y?(X=(0,c.jsx)(`div`,{ref:g,className:U,children:Y}),d[59]=U,d[60]=Y,d[61]=X):X=d[61];let Z;d[62]===e.children?Z=d[63]:(Z=(0,c.jsx)(te.default,{name:`Dialog`,childName:de,onChildrenChange:ue,compareChild:r.shallowEqual,children:e.children}),d[62]=e.children,d[63]=Z);let Q;d[64]!==I||d[65]!==R||d[66]!==e.headline||d[67]!==H||d[68]!==X||d[69]!==Z?(Q=(0,c.jsxs)(`dialog`,{ref:h,className:`Dialog`,onClose:I,onKeyDown:R,"aria-label":V,role:H,children:[X,Z]}),d[64]=I,d[65]=R,d[66]=e.headline,d[67]=H,d[68]=X,d[69]=Z,d[70]=Q):Q=d[70];let $;return d[71]!==m||d[72]!==Q?($=(0,l.createPortal)(Q,m),d[71]=m,d[72]=Q,d[73]=$):$=d[73],$}function ae(e){return e.children}function oe(e){return/^dialog-\w+-container-close$/.test(e)}function se(e){e.target instanceof HTMLDivElement&&(e.target.scrollTop?e.target?.classList.add(`on-scroll`):e.target?.classList.remove(`on-scroll`))}function ce(e){return e.orderedCollectionName===`DialogAction`}function le(e){return e.orderedCollectionName===`Content`}exports.default=d;