@spteck/react-controls-v2 2.2.5 → 2.2.7

package/README.md

@@ -49,6 +49,46 @@ npm install @spteck/react-controls-v2 @spteck/react-controls-v2-spfx-adapter
 
 ---
 
+## Recommended App Root
+
+Use `FluentUIProvider` at the top of your app to apply the Fluent UI theme, scope generated IDs, and ensure dialogs, menus, and other portals inherit the same styles.
+
+```tsx
+import * as React from 'react';
+import { webDarkTheme, webLightTheme } from '@fluentui/react-components';
+import { FluentUIProvider } from '@spteck/react-controls-v2';
+
+export function App() {
+  const [isDark, setIsDark] = React.useState(false);
+  const theme = isDark ? webDarkTheme : webLightTheme;
+
+  return (
+    <FluentUIProvider
+      theme={theme}
+      applicationName="contoso-app"
+      applyStylesToPortals={true}
+      targetDocument={document}
+    >
+      <YourRoutes />
+    </FluentUIProvider>
+  );
+}
+```
+
+If you are also using app context and localization, the recommended provider order is:
+
+```tsx
+<FluentUIProvider theme={theme} applicationName="contoso-app">
+  <UniversalProvider context={appContext}>
+    <LocalizationProvider locale={locale}>
+      <App />
+    </LocalizationProvider>
+  </UniversalProvider>
+</FluentUIProvider>
+```
+
+---
+
 ## Available Controls
 
 ### Layout & Structure
@@ -163,6 +203,7 @@ npm install @spteck/react-controls-v2 @spteck/react-controls-v2-spfx-adapter
 | Component | Description |
 |-----------|-------------|
 | `UniversalProvider` | Root context provider for the whole app |
+| `FluentUIProvider` | Fluent UI theme root with portal styling and scoped IDs |
 | `BaseComponentProps` | Shared responsive spacing/sizing interface |
 | `LocalStorageProvider` | `IStorageProvider` implementation using localStorage |
 

package/dist/{_arrayEach-D4zuu96h.cjs → _arrayEach-CAQQp4Pa.cjs}

@@ -1,2 +1,2 @@
-"use strict";const r=require("./index-D7xz2-Uy.cjs");function e(r,e){for(var t=-1,n=e.length,o=r.length;++t<n;)r[o+t]=e[t];return r}function t(r,e){for(var t=-1,n=null==r?0:r.length,o=0,u=[];++t<n;){var s=r[t];e(s,t,r)&&(u[o++]=s)}return u}var n=Object.prototype.propertyIsEnumerable,o=Object.getOwnPropertySymbols,u=o?function(r){return null==r?[]:(r=Object(r),t(o(r),function(e){return n.call(r,e)}))}:function(){return[]};function s(e){return r.isArrayLike(e)?r.arrayLikeKeys(e):r.baseKeys(e)}exports.arrayEach=function(r,e){for(var t=-1,n=null==r?0:r.length;++t<n&&!1!==e(r[t],t,r););return r},exports.arrayFilter=t,exports.arrayPush=e,exports.getAllKeys=function(t){return function(t,n,o){var u=n(t);return r.isArray(t)?u:e(u,o(t))}(t,s,u)},exports.getSymbols=u,exports.keys=s;
-//# sourceMappingURL=_arrayEach-D4zuu96h.cjs.map
+"use strict";const r=require("./index-D5nkqpSD.cjs");function e(r,e){for(var t=-1,n=e.length,o=r.length;++t<n;)r[o+t]=e[t];return r}function t(r,e){for(var t=-1,n=null==r?0:r.length,o=0,u=[];++t<n;){var s=r[t];e(s,t,r)&&(u[o++]=s)}return u}var n=Object.prototype.propertyIsEnumerable,o=Object.getOwnPropertySymbols,u=o?function(r){return null==r?[]:(r=Object(r),t(o(r),function(e){return n.call(r,e)}))}:function(){return[]};function s(e){return r.isArrayLike(e)?r.arrayLikeKeys(e):r.baseKeys(e)}exports.arrayEach=function(r,e){for(var t=-1,n=null==r?0:r.length;++t<n&&!1!==e(r[t],t,r););return r},exports.arrayFilter=t,exports.arrayPush=e,exports.getAllKeys=function(t){return function(t,n,o){var u=n(t);return r.isArray(t)?u:e(u,o(t))}(t,s,u)},exports.getSymbols=u,exports.keys=s;
+//# sourceMappingURL=_arrayEach-CAQQp4Pa.cjs.map

package/dist/{_arrayEach-CqFZfCII.js → _arrayEach-Cwv-C9Og.js}

@@ -1,4 +1,4 @@
-import { aD as isArray, aE as arrayLikeKeys, aF as baseKeys, aG as isArrayLike } from "./index-H1wV1Hpq.js";
+import { aD as isArray, aE as arrayLikeKeys, aF as baseKeys, aG as isArrayLike } from "./index-C-Hyw7_i.js";
 function arrayPush(array, values) {
   var index = -1, length = values.length, offset = array.length;
   while (++index < length) {
@@ -58,4 +58,4 @@ export {
   getSymbols as g,
   keys as k
 };
-//# sourceMappingURL=_arrayEach-CqFZfCII.js.map
+//# sourceMappingURL=_arrayEach-Cwv-C9Og.js.map

package/dist/{arc-aQvhbW8i.js → arc-Bw6DhSi8.js}

@@ -1,4 +1,4 @@
-import { M as withPath, N as halfPi, O as epsilon, P as tau, Q as cos, R as sin, S as min, T as abs, V as constant, W as pi, X as sqrt, Y as atan2, Z as asin, $ as acos, a0 as max } from "./index-H1wV1Hpq.js";
+import { M as withPath, N as halfPi, O as epsilon, P as tau, Q as cos, R as sin, S as min, T as abs, V as constant, W as pi, X as sqrt, Y as atan2, Z as asin, $ as acos, a0 as max } from "./index-C-Hyw7_i.js";
 function arcInnerRadius(d) {
   return d.innerRadius;
 }
@@ -129,4 +129,4 @@ function d3arc() {
 export {
   d3arc as d
 };
-//# sourceMappingURL=arc-aQvhbW8i.js.map
+//# sourceMappingURL=arc-Bw6DhSi8.js.map

package/dist/{arc-DVsLnFmY.cjs → arc-okIdGGQf.cjs}

@@ -1,2 +1,2 @@
-"use strict";const n=require("./index-D7xz2-Uy.cjs");function t(n){return n.innerRadius}function a(n){return n.outerRadius}function i(n){return n.startAngle}function c(n){return n.endAngle}function o(n){return n&&n.padAngle}function e(t,a,i,c,o,e,r){var s=t-i,l=a-c,u=(r?e:-e)/n.sqrt(s*s+l*l),y=u*l,p=-u*s,f=t+y,x=a+p,h=i+y,v=c+p,d=(f+h)/2,g=(x+v)/2,m=h-f,T=v-x,q=m*m+T*T,A=o-e,R=f*v-h*x,P=(T<0?-1:1)*n.sqrt(n.max(0,A*A*q-R*R)),b=(R*T-m*P)/q,j=(-R*m-T*P)/q,w=(R*T+m*P)/q,U=(-R*m+T*P)/q,k=b-d,z=j-g,B=w-d,C=U-g;return k*k+z*z>B*B+C*C&&(b=w,j=U),{cx:b,cy:j,x01:-y,y01:-p,x11:b*(o/A-1),y11:j*(o/A-1)}}exports.d3arc=function(){var r=t,s=a,l=n.constant(0),u=null,y=i,p=c,f=o,x=null,h=n.withPath(v);function v(){var t,a,i=+r.apply(this,arguments),c=+s.apply(this,arguments),o=y.apply(this,arguments)-n.halfPi,v=p.apply(this,arguments)-n.halfPi,d=n.abs(v-o),g=v>o;if(x||(x=t=h()),c<i&&(a=c,c=i,i=a),c>n.epsilon)if(d>n.tau-n.epsilon)x.moveTo(c*n.cos(o),c*n.sin(o)),x.arc(0,0,c,o,v,!g),i>n.epsilon&&(x.moveTo(i*n.cos(v),i*n.sin(v)),x.arc(0,0,i,v,o,g));else{var m,T,q=o,A=v,R=o,P=v,b=d,j=d,w=f.apply(this,arguments)/2,U=w>n.epsilon&&(u?+u.apply(this,arguments):n.sqrt(i*i+c*c)),k=n.min(n.abs(c-i)/2,+l.apply(this,arguments)),z=k,B=k;if(U>n.epsilon){var C=n.asin(U/i*n.sin(w)),D=n.asin(U/c*n.sin(w));(b-=2*C)>n.epsilon?(R+=C*=g?1:-1,P-=C):(b=0,R=P=(o+v)/2),(j-=2*D)>n.epsilon?(q+=D*=g?1:-1,A-=D):(j=0,q=A=(o+v)/2)}var E=c*n.cos(q),F=c*n.sin(q),G=i*n.cos(P),H=i*n.sin(P);if(k>n.epsilon){var I,J=c*n.cos(A),K=c*n.sin(A),L=i*n.cos(R),M=i*n.sin(R);if(d<n.pi)if(I=function(t,a,i,c,o,e,r,s){var l=i-t,u=c-a,y=r-o,p=s-e,f=p*l-y*u;if(!(f*f<n.epsilon))return[t+(f=(y*(a-e)-p*(t-o))/f)*l,a+f*u]}(E,F,L,M,J,K,G,H)){var N=E-I[0],O=F-I[1],Q=J-I[0],S=K-I[1],V=1/n.sin(n.acos((N*Q+O*S)/(n.sqrt(N*N+O*O)*n.sqrt(Q*Q+S*S)))/2),W=n.sqrt(I[0]*I[0]+I[1]*I[1]);z=n.min(k,(i-W)/(V-1)),B=n.min(k,(c-W)/(V+1))}else z=B=0}j>n.epsilon?B>n.epsilon?(m=e(L,M,E,F,c,B,g),T=e(J,K,G,H,c,B,g),x.moveTo(m.cx+m.x01,m.cy+m.y01),B<k?x.arc(m.cx,m.cy,B,n.atan2(m.y01,m.x01),n.atan2(T.y01,T.x01),!g):(x.arc(m.cx,m.cy,B,n.atan2(m.y01,m.x01),n.atan2(m.y11,m.x11),!g),x.arc(0,0,c,n.atan2(m.cy+m.y11,m.cx+m.x11),n.atan2(T.cy+T.y11,T.cx+T.x11),!g),x.arc(T.cx,T.cy,B,n.atan2(T.y11,T.x11),n.atan2(T.y01,T.x01),!g))):(x.moveTo(E,F),x.arc(0,0,c,q,A,!g)):x.moveTo(E,F),i>n.epsilon&&b>n.epsilon?z>n.epsilon?(m=e(G,H,J,K,i,-z,g),T=e(E,F,L,M,i,-z,g),x.lineTo(m.cx+m.x01,m.cy+m.y01),z<k?x.arc(m.cx,m.cy,z,n.atan2(m.y01,m.x01),n.atan2(T.y01,T.x01),!g):(x.arc(m.cx,m.cy,z,n.atan2(m.y01,m.x01),n.atan2(m.y11,m.x11),!g),x.arc(0,0,i,n.atan2(m.cy+m.y11,m.cx+m.x11),n.atan2(T.cy+T.y11,T.cx+T.x11),g),x.arc(T.cx,T.cy,z,n.atan2(T.y11,T.x11),n.atan2(T.y01,T.x01),!g))):x.arc(0,0,i,P,R,g):x.lineTo(G,H)}else x.moveTo(0,0);if(x.closePath(),t)return x=null,t+""||null}return v.centroid=function(){var t=(+r.apply(this,arguments)+ +s.apply(this,arguments))/2,a=(+y.apply(this,arguments)+ +p.apply(this,arguments))/2-n.pi/2;return[n.cos(a)*t,n.sin(a)*t]},v.innerRadius=function(t){return arguments.length?(r="function"==typeof t?t:n.constant(+t),v):r},v.outerRadius=function(t){return arguments.length?(s="function"==typeof t?t:n.constant(+t),v):s},v.cornerRadius=function(t){return arguments.length?(l="function"==typeof t?t:n.constant(+t),v):l},v.padRadius=function(t){return arguments.length?(u=null==t?null:"function"==typeof t?t:n.constant(+t),v):u},v.startAngle=function(t){return arguments.length?(y="function"==typeof t?t:n.constant(+t),v):y},v.endAngle=function(t){return arguments.length?(p="function"==typeof t?t:n.constant(+t),v):p},v.padAngle=function(t){return arguments.length?(f="function"==typeof t?t:n.constant(+t),v):f},v.context=function(n){return arguments.length?(x=null==n?null:n,v):x},v};
-//# sourceMappingURL=arc-DVsLnFmY.cjs.map
+"use strict";const n=require("./index-D5nkqpSD.cjs");function t(n){return n.innerRadius}function a(n){return n.outerRadius}function i(n){return n.startAngle}function c(n){return n.endAngle}function o(n){return n&&n.padAngle}function e(t,a,i,c,o,e,r){var s=t-i,l=a-c,u=(r?e:-e)/n.sqrt(s*s+l*l),y=u*l,p=-u*s,f=t+y,x=a+p,h=i+y,v=c+p,d=(f+h)/2,g=(x+v)/2,m=h-f,T=v-x,q=m*m+T*T,A=o-e,R=f*v-h*x,P=(T<0?-1:1)*n.sqrt(n.max(0,A*A*q-R*R)),b=(R*T-m*P)/q,j=(-R*m-T*P)/q,w=(R*T+m*P)/q,U=(-R*m+T*P)/q,k=b-d,z=j-g,B=w-d,C=U-g;return k*k+z*z>B*B+C*C&&(b=w,j=U),{cx:b,cy:j,x01:-y,y01:-p,x11:b*(o/A-1),y11:j*(o/A-1)}}exports.d3arc=function(){var r=t,s=a,l=n.constant(0),u=null,y=i,p=c,f=o,x=null,h=n.withPath(v);function v(){var t,a,i=+r.apply(this,arguments),c=+s.apply(this,arguments),o=y.apply(this,arguments)-n.halfPi,v=p.apply(this,arguments)-n.halfPi,d=n.abs(v-o),g=v>o;if(x||(x=t=h()),c<i&&(a=c,c=i,i=a),c>n.epsilon)if(d>n.tau-n.epsilon)x.moveTo(c*n.cos(o),c*n.sin(o)),x.arc(0,0,c,o,v,!g),i>n.epsilon&&(x.moveTo(i*n.cos(v),i*n.sin(v)),x.arc(0,0,i,v,o,g));else{var m,T,q=o,A=v,R=o,P=v,b=d,j=d,w=f.apply(this,arguments)/2,U=w>n.epsilon&&(u?+u.apply(this,arguments):n.sqrt(i*i+c*c)),k=n.min(n.abs(c-i)/2,+l.apply(this,arguments)),z=k,B=k;if(U>n.epsilon){var C=n.asin(U/i*n.sin(w)),D=n.asin(U/c*n.sin(w));(b-=2*C)>n.epsilon?(R+=C*=g?1:-1,P-=C):(b=0,R=P=(o+v)/2),(j-=2*D)>n.epsilon?(q+=D*=g?1:-1,A-=D):(j=0,q=A=(o+v)/2)}var E=c*n.cos(q),F=c*n.sin(q),G=i*n.cos(P),H=i*n.sin(P);if(k>n.epsilon){var I,J=c*n.cos(A),K=c*n.sin(A),L=i*n.cos(R),M=i*n.sin(R);if(d<n.pi)if(I=function(t,a,i,c,o,e,r,s){var l=i-t,u=c-a,y=r-o,p=s-e,f=p*l-y*u;if(!(f*f<n.epsilon))return[t+(f=(y*(a-e)-p*(t-o))/f)*l,a+f*u]}(E,F,L,M,J,K,G,H)){var N=E-I[0],O=F-I[1],Q=J-I[0],S=K-I[1],V=1/n.sin(n.acos((N*Q+O*S)/(n.sqrt(N*N+O*O)*n.sqrt(Q*Q+S*S)))/2),W=n.sqrt(I[0]*I[0]+I[1]*I[1]);z=n.min(k,(i-W)/(V-1)),B=n.min(k,(c-W)/(V+1))}else z=B=0}j>n.epsilon?B>n.epsilon?(m=e(L,M,E,F,c,B,g),T=e(J,K,G,H,c,B,g),x.moveTo(m.cx+m.x01,m.cy+m.y01),B<k?x.arc(m.cx,m.cy,B,n.atan2(m.y01,m.x01),n.atan2(T.y01,T.x01),!g):(x.arc(m.cx,m.cy,B,n.atan2(m.y01,m.x01),n.atan2(m.y11,m.x11),!g),x.arc(0,0,c,n.atan2(m.cy+m.y11,m.cx+m.x11),n.atan2(T.cy+T.y11,T.cx+T.x11),!g),x.arc(T.cx,T.cy,B,n.atan2(T.y11,T.x11),n.atan2(T.y01,T.x01),!g))):(x.moveTo(E,F),x.arc(0,0,c,q,A,!g)):x.moveTo(E,F),i>n.epsilon&&b>n.epsilon?z>n.epsilon?(m=e(G,H,J,K,i,-z,g),T=e(E,F,L,M,i,-z,g),x.lineTo(m.cx+m.x01,m.cy+m.y01),z<k?x.arc(m.cx,m.cy,z,n.atan2(m.y01,m.x01),n.atan2(T.y01,T.x01),!g):(x.arc(m.cx,m.cy,z,n.atan2(m.y01,m.x01),n.atan2(m.y11,m.x11),!g),x.arc(0,0,i,n.atan2(m.cy+m.y11,m.cx+m.x11),n.atan2(T.cy+T.y11,T.cx+T.x11),g),x.arc(T.cx,T.cy,z,n.atan2(T.y11,T.x11),n.atan2(T.y01,T.x01),!g))):x.arc(0,0,i,P,R,g):x.lineTo(G,H)}else x.moveTo(0,0);if(x.closePath(),t)return x=null,t+""||null}return v.centroid=function(){var t=(+r.apply(this,arguments)+ +s.apply(this,arguments))/2,a=(+y.apply(this,arguments)+ +p.apply(this,arguments))/2-n.pi/2;return[n.cos(a)*t,n.sin(a)*t]},v.innerRadius=function(t){return arguments.length?(r="function"==typeof t?t:n.constant(+t),v):r},v.outerRadius=function(t){return arguments.length?(s="function"==typeof t?t:n.constant(+t),v):s},v.cornerRadius=function(t){return arguments.length?(l="function"==typeof t?t:n.constant(+t),v):l},v.padRadius=function(t){return arguments.length?(u=null==t?null:"function"==typeof t?t:n.constant(+t),v):u},v.startAngle=function(t){return arguments.length?(y="function"==typeof t?t:n.constant(+t),v):y},v.endAngle=function(t){return arguments.length?(p="function"==typeof t?t:n.constant(+t),v):p},v.padAngle=function(t){return arguments.length?(f="function"==typeof t?t:n.constant(+t),v):f},v.context=function(n){return arguments.length?(x=null==n?null:n,v):x},v};
+//# sourceMappingURL=arc-okIdGGQf.cjs.map

package/dist/architecture-7HQA4BMR-BehZQXGM.js

@@ -0,0 +1,6 @@
+import { A, e } from "./mermaid-parser.core-DjEhyqCt.js";
+export {
+  A as ArchitectureModule,
+  e as createArchitectureServices
+};
+//# sourceMappingURL=architecture-7HQA4BMR-BehZQXGM.js.map

package/dist/{architecture-7HQA4BMR-XjppxKRg.cjs → architecture-7HQA4BMR-VRHl0WAG.cjs}

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mermaid-parser.core-Dr6wdKdo.cjs");exports.ArchitectureModule=e.ArchitectureModule,exports.createArchitectureServices=e.createArchitectureServices;
-//# sourceMappingURL=architecture-7HQA4BMR-XjppxKRg.cjs.map
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mermaid-parser.core-BDJaQNLh.cjs");exports.ArchitectureModule=e.ArchitectureModule,exports.createArchitectureServices=e.createArchitectureServices;
+//# sourceMappingURL=architecture-7HQA4BMR-VRHl0WAG.cjs.map