@linzjs/windows 16.1.0 → 16.3.0

package/dist/panel/PanelBlue.scss

@@ -1,7 +1,8 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
-.WindowPanel-blue.WindowPanel-header, .WindowPanel-blue .WindowPanel-header {
-  background: linear-gradient(270deg,#007198,#00425b 100%);
+.WindowPanel-blue.WindowPanel-header,
+.WindowPanel-blue .WindowPanel-header {
+  background: linear-gradient(270deg, #007198, #00425b 100%);
   color: #fff;
 
   svg * {
@@ -10,9 +11,9 @@
 }
 
 .WindowPanel-blue .LuiTab {
-  color: lui.$iceberg
+  color: lui.$iceberg;
 }
 
 .WindowPanel-blue .LuiTab.LuiTab--active {
-  color: lui.$downy
+  color: lui.$downy;
 }

package/dist/panel/PanelInline.js

@@ -21,6 +21,8 @@ export const PanelInline = forwardRef(function PanelInline({ title, className, w
                 undock: () => { },
                 panelPoppedOut: false,
                 bounds: undefined,
+                isPanelInstance: true,
+                getOwnerWindow: () => window,
             }, children: _jsx("div", { ref: ref, className: clsx('WindowPanel', className), title: title, style: { width, height }, children: children }) }) }));
 });
 //# sourceMappingURL=PanelInline.js.map

package/dist/panel/PanelInline.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelInline.js","sourceRoot":"","sources":["../../src/panel/PanelInline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,IAAI,MAAM,MAAM,CAAC;AASxB,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsD,SAAS,WAAW,CAC7G,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAC7C,GAAG;IAEH,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,YACtG,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;gBAClB,KAAK;gBACL,MAAM,EAAE,IAAI;gBACZ,QAAQ,EAAE,EAAE,EAAE;gBACd,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;gBACd,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;gBACpB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,KAAK;gBACb,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;gBAC3B,MAAM,EAAE,KAAK;gBACb,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;gBACxB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;gBAC3B,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;gBAChB,cAAc,EAAE,KAAK;gBACrB,MAAM,EAAE,SAAS;aAClB,YAED,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC7F,QAAQ,GACL,GACwB,GACV,CACzB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PanelInline.js","sourceRoot":"","sources":["../../src/panel/PanelInline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,IAAI,MAAM,MAAM,CAAC;AASxB,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsD,SAAS,WAAW,CAC7G,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAC7C,GAAG;IAEH,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC,EAAE,YACtG,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;gBACL,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;gBAClB,KAAK;gBACL,MAAM,EAAE,IAAI;gBACZ,QAAQ,EAAE,EAAE,EAAE;gBACd,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;gBACd,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;gBACpB,MAAM,EAAE,SAAS;gBACjB,MAAM,EAAE,KAAK;gBACb,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;gBAC3B,MAAM,EAAE,KAAK;gBACb,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;gBACxB,iBAAiB,EAAE,GAAG,EAAE,GAAE,CAAC;gBAC3B,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;gBAChB,cAAc,EAAE,KAAK;gBACrB,MAAM,EAAE,SAAS;gBACjB,eAAe,EAAE,IAAI;gBACrB,cAAc,EAAE,GAAG,EAAE,CAAC,MAAM;aAC7B,YAED,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,YAC7F,QAAQ,GACL,GACwB,GACV,CACzB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/panel/PanelInstanceContext.d.ts

@@ -14,6 +14,17 @@ export interface PanelInstanceContextType {
     dock: (id: string) => void;
     undock: () => void;
     hidden?: boolean;
+    /**
+     * True only when a real PanelInstanceContextProvider is present, i.e. this context is being
+     * read from inside a panel. Lets other libraries (e.g. LuiModalAsync) tell apart "no provider"
+     * from a provider whose fields happen to be unset.
+     */
+    isPanelInstance: boolean;
+    /**
+     * The window this panel is currently rendered in: its own popped-out window, or the main
+     * window if popped in. Read live (not reactive) so it reflects the latest pop-out state.
+     */
+    getOwnerWindow: () => Window;
 }
 /**
  * Provides access to closing/popping panels

package/dist/panel/PanelInstanceContext.js

@@ -21,5 +21,7 @@ export const PanelInstanceContext = createContext({
     panelPoppedOut: false,
     zIndex: 0,
     hidden: false,
+    isPanelInstance: false,
+    getOwnerWindow: () => window,
 });
 //# sourceMappingURL=PanelInstanceContext.js.map

package/dist/panel/PanelInstanceContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelInstanceContext.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAoBtC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA2B;IAC1E,KAAK,EAAE,8CAA8C;IACrD,QAAQ,EAAE,iDAAiD;IAC3D,MAAM,EAAE,QAAQ,CAAC,IAAI;IACrB,QAAQ,EAAE,cAAc;IACxB,iBAAiB,EAAE,cAAc;IACjC,UAAU,EAAE,cAAc;IAC1B,cAAc,EAAE,cAAc;IAC9B,iBAAiB,EAAE,cAAc;IACjC,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,KAAK;IACrB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,KAAK;CACd,CAAC,CAAC"}
+{"version":3,"file":"PanelInstanceContext.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AA+BtC,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,OAAO,CAAC,KAAK,CAAC,uCAAuC,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAA2B;IAC1E,KAAK,EAAE,8CAA8C;IACrD,QAAQ,EAAE,iDAAiD;IAC3D,MAAM,EAAE,QAAQ,CAAC,IAAI;IACrB,QAAQ,EAAE,cAAc;IACxB,iBAAiB,EAAE,cAAc;IACjC,UAAU,EAAE,cAAc;IAC1B,cAAc,EAAE,cAAc;IAC9B,iBAAiB,EAAE,cAAc;IACjC,IAAI,EAAE,cAAc;IACpB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,KAAK;IACrB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,KAAK;IACb,eAAe,EAAE,KAAK;IACtB,cAAc,EAAE,GAAG,EAAE,CAAC,MAAM;CAC7B,CAAC,CAAC"}

package/dist/panel/PanelInstanceContextProvider.js

@@ -48,6 +48,8 @@ export const PanelInstanceContextProvider = ({ panelInstance, bounds, hidden, ch
             dock,
             undock,
             hidden,
+            isPanelInstance: true,
+            getOwnerWindow: () => panelInstance.window ?? window,
         }, children: children }));
 };
 //# sourceMappingURL=PanelInstanceContextProvider.js.map

package/dist/panel/PanelInstanceContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelInstanceContextProvider.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContextProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAiB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,GAC6C,EAAgB,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/C,MAAM,UAAU,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,cAAc,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;IAElG,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,8CAA8C;QAC9C,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,SAAS;YAAE,YAAY,EAAE,CAAC;QAC9B,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,UAAU,EAAE,GAAG,EAAE;gBACf,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;gBAC9B,8CAA8C;gBAC9C,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,iBAAiB,EAAE,YAAY;YAC/B,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,CAAC,CAAS,EAAE,EAAE;gBAC5B,8CAA8C;gBAC9C,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YACpD,MAAM,EAAE,aAAa,CAAC,MAAM;YAC5B,MAAM,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;YACxD,MAAM;YACN,IAAI;YACJ,MAAM;YACN,MAAM;SACP,YAEA,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PanelInstanceContextProvider.js","sourceRoot":"","sources":["../../src/panel/PanelInstanceContextProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmC,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3F,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAiB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQ7D;;GAEG;AACH,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,aAAa,EACb,MAAM,EACN,MAAM,EACN,QAAQ,GAC6C,EAAgB,EAAE;IACvE,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,EAAU,CAAC;IAE/C,MAAM,UAAU,GAAG,mBAAmB,CAAC,EAAE,QAAQ,EAAE,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,UAAU,EAAE,cAAc,IAAI,aAAa,CAAC,SAAS,CAAC,CAAC;IAElG,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,8CAA8C;QAC9C,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC;IAE/B,MAAM,IAAI,GAAG,WAAW,CACtB,CAAC,EAAU,EAAE,EAAE;QACb,IAAI,SAAS;YAAE,YAAY,EAAE,CAAC;QAC9B,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,EACD,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,CAAC;IAE3D,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IAExC,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAC5B,KAAK,EAAE;YACL,KAAK;YACL,QAAQ;YACR,QAAQ;YACR,MAAM;YACN,UAAU,EAAE,GAAG,EAAE;gBACf,aAAa,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC;gBAC9B,8CAA8C;gBAC9C,aAAa,CAAC,MAAM,GAAG,IAAI,CAAC;gBAC5B,UAAU,CAAC,QAAQ,CAAC,CAAC;YACvB,CAAC;YACD,iBAAiB,EAAE,YAAY;YAC/B,cAAc,EAAE,SAAS;YACzB,cAAc,EAAE,CAAC,CAAS,EAAE,EAAE;gBAC5B,8CAA8C;gBAC9C,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;YAC3B,CAAC;YACD,iBAAiB,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC;YACpD,MAAM,EAAE,aAAa,CAAC,MAAM;YAC5B,MAAM,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC;YACxD,MAAM;YACN,IAAI;YACJ,MAAM;YACN,MAAM;YACN,eAAe,EAAE,IAAI;YACrB,cAAc,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,IAAI,MAAM;SACrD,YAEA,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CAAC"}

package/dist/panel/index.d.ts

@@ -1,4 +1,3 @@
-export * from './OpenPanelButton';
 export * from './Panel';
 export * from './PanelContext';
 export * from './PanelDock';

package/dist/panel/index.js

@@ -1,4 +1,3 @@
-export * from './OpenPanelButton';
 export * from './Panel';
 export * from './PanelContext';
 export * from './PanelDock';

package/dist/panel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}

package/dist/ribbon/Ribbon.scss

@@ -1,4 +1,4 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
 .RibbonButton {
   box-sizing: border-box;
@@ -22,7 +22,8 @@
     background-color: lui.$polar;
   }
 
-  &:disabled, .RibbonButton-disabled  {
+  &:disabled,
+  .RibbonButton-disabled {
     cursor: not-allowed;
     background-color: lui.$disabled-bg-color;
     fill: lui.$fuscous;
@@ -58,7 +59,8 @@
   }
 }
 
-.RibbonButton-selected, .RibbonButton:has(+ *:popover-open) {
+.RibbonButton-selected,
+.RibbonButton:has(+ *:popover-open) {
   cursor: pointer;
   color: lui.$white !important;
   background-color: lui.$sea !important;
@@ -128,7 +130,8 @@ $RibbonSliderMenu-buttonMargin: 2px;
 $RibbonSliderMenu-gap: 6px;
 $RibbonSliderMenu-buttonHalfHeight: 20px;
 
-.RibbonSliderMenu-right, .RibbonSliderMenu-right-down {
+.RibbonSliderMenu-right,
+.RibbonSliderMenu-right-down {
   translate: ($RibbonSliderMenu-buttonMargin) (-$RibbonSliderMenu-gap);
 }
 
@@ -140,7 +143,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: ($RibbonSliderMenu-buttonMargin) ($RibbonSliderMenu-buttonHalfHeight);
 }
 
-.RibbonSliderMenu-left, .RibbonSliderMenu-left-down {
+.RibbonSliderMenu-left,
+.RibbonSliderMenu-left-down {
   translate: (-$RibbonSliderMenu-buttonMargin) (-$RibbonSliderMenu-gap);
 }
 
@@ -152,7 +156,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: (-$RibbonSliderMenu-buttonMargin) ($RibbonSliderMenu-gap);
 }
 
-.RibbonSliderMenu-up, .RibbonSliderMenu-up-right {
+.RibbonSliderMenu-up,
+.RibbonSliderMenu-up-right {
   translate: (-$RibbonSliderMenu-gap) (-$RibbonSliderMenu-buttonMargin);
 }
 
@@ -160,7 +165,8 @@ $RibbonSliderMenu-buttonHalfHeight: 20px;
   translate: ($RibbonSliderMenu-gap) ($RibbonSliderMenu-buttonMargin);
 }
 
-.RibbonSliderMenu-down, .RibbonSliderMenu-down-right {
+.RibbonSliderMenu-down,
+.RibbonSliderMenu-down-right {
   translate: (-$RibbonSliderMenu-gap) ($RibbonSliderMenu-buttonMargin);
 }
 

package/dist/ribbon/RibbonMenu.scss

@@ -1,4 +1,4 @@
-@use "@linzjs/lui/dist/scss/Foundation/Variables/ColorVars" as lui;
+@use '@linzjs/lui/dist/scss/Foundation/Variables/ColorVars' as lui;
 
 .RibbonMenuSeparator {
   height: 1px;
@@ -7,7 +7,7 @@
 }
 
 .RibbonMenuOption {
-  font-family: "Open Sans", system-ui, sans-serif;
+  font-family: 'Open Sans', system-ui, sans-serif;
   color: lui.$charcoal;
 
   path {
@@ -25,7 +25,7 @@
   padding: 6px 12px;
   line-height: 24px;
   font-size: 16px;
-  align-items: center;;
+  align-items: center;
 
   &:hover {
     background-color: lui.$polar;
@@ -42,4 +42,4 @@
       fill: lui.$disabled-color;
     }
   }
-}
+}

package/package.json

@@ -21,7 +21,7 @@
     },
     "./dist/index.scss": "./dist/index.scss"
   },
-  "version": "16.1.0",
+  "version": "16.3.0",
   "peerDependencies": {
     "@linzjs/lui": ">=23",
     "react": ">=18",
@@ -48,10 +48,12 @@
     "lint:style": "stylelint src/**/*.scss src/**/*.css --fix",
     "lint:oxlint": "oxlint ./src",
     "lint:fix": "oxlint --fix ./src",
+    "format": "oxfmt --write ./src",
+    "format:check": "oxfmt --check ./src",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "chromatic": "chromatic --exit-zero-on-changes",
-    "update": "npx npm-check-updates -i --format group -c 1d"
+    "update": "npx npm-check-updates -i --format group -c 7d"
   },
   "dependencies": {
     "@emotion/cache": "^11.14.0",
@@ -61,45 +63,45 @@
     "react-rnd": "10.5.3"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^5.3.0",
-    "@linzjs/lui": "^26.0.0",
-    "@linzjs/step-ag-grid": "^32.4.1",
+    "@chromatic-com/storybook": "^5.4.0",
+    "@linzjs/lui": "^30.1.0",
+    "@linzjs/step-ag-grid": "^34.0.2",
     "@rollup/plugin-commonjs": "^29.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "10.5.9",
-    "@storybook/addon-links": "10.5.9",
-    "@storybook/react-vite": "10.5.9",
-    "@testing-library/dom": "^10.4.1",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.5",
+    "@storybook/addon-docs": "10.6.1",
+    "@storybook/addon-links": "10.6.1",
+    "@storybook/react-vite": "10.6.1",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.13.3",
     "@types/react": "^18.3.31",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react-swc": "^4.3.3",
-    "@vitest/ui": "^4.1.11",
+    "@vitest/ui": "^5.0.3",
     "ag-grid-community": "34.2.0",
     "ag-grid-react": "34.2.0",
     "jsdom": "^27.3.0",
-    "oxfmt": "^0.61.0",
-    "oxlint": "^1.79.0",
+    "oxfmt": "^0.71.0",
+    "oxlint": "^1.86.0",
     "react": "^18.3.1",
     "react-dom": "18.3.1",
-    "rollup": "^4.62.4",
+    "rollup": "^4.64.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-esbuild": "^6.2.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass": "^1.102.0",
-    "storybook": "10.5.9",
-    "stylelint": "^16.26.1",
-    "stylelint-config-recommended": "^17.0.0",
-    "stylelint-config-recommended-scss": "^16.0.2",
-    "stylelint-config-standard": "^39.0.1",
-    "stylelint-scss": "6.14.0",
+    "sass": "^1.105.1",
+    "storybook": "10.6.1",
+    "stylelint": "^17.16.0",
+    "stylelint-config-recommended": "^18.0.0",
+    "stylelint-config-recommended-scss": "^17.0.1",
+    "stylelint-config-standard": "^40.0.0",
+    "stylelint-scss": "7.3.0",
     "typescript": "^7.0.2",
-    "vite": "^8.2.1",
-    "vitest": "^4.1.11"
+    "vite": "^8.3.2",
+    "vitest": "^5.0.3"
   },
   "browserslist": {
     "production": [

package/dist/panel/OpenPanelButton.d.ts

@@ -1,8 +0,0 @@
-import { OpenPanelOptions } from './PanelsContext';
-interface OpenPanelButtonProps extends OpenPanelOptions {
-    uniqueId?: string;
-    testId?: string;
-    buttonText: string;
-}
-export declare const OpenPanelButton: ({ buttonText, testId, uniqueId, ...openPanelOptions }: OpenPanelButtonProps) => import("react").JSX.Element;
-export {};

package/dist/panel/OpenPanelButton.js

@@ -1,11 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Simple button to open panel and show panel state
-import { useContext } from 'react';
-import { PanelsContext } from './PanelsContext';
-export const OpenPanelButton = ({ buttonText, testId, uniqueId = buttonText, ...openPanelOptions }) => {
-    const { openPanel, closePanel, hidePanel, unhidePanel, hasOpenPanel, hasHiddenPanel } = useContext(PanelsContext);
-    const open = hasOpenPanel(uniqueId);
-    const hidden = hasHiddenPanel(uniqueId);
-    return (_jsxs("div", { children: [_jsxs("b", { children: [buttonText, " ", open ? '(Open)' : ''] }), _jsx("br", {}), !open && (_jsx("button", { "data-testid": testId + 'Open', onClick: () => openPanel({ uniqueId, ...openPanelOptions }), children: "Open" })), open && (_jsxs(_Fragment, { children: [_jsx("button", { "data-testid": testId + 'Close', onClick: () => closePanel(uniqueId), children: "Close" }), hidden ? (_jsx("button", { "data-testid": testId + 'Unhide', onClick: () => unhidePanel(uniqueId), children: "Unhide" })) : (_jsx("button", { "data-testid": testId + 'Hide', onClick: () => hidePanel(uniqueId), children: "Hide" }))] }))] }));
-};
-//# sourceMappingURL=OpenPanelButton.js.map

package/dist/panel/OpenPanelButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpenPanelButton.js","sourceRoot":"","sources":["../../src/panel/OpenPanelButton.tsx"],"names":[],"mappings":";AAAA,mDAAmD;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAoB,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQlE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,MAAM,EACN,QAAQ,GAAG,UAAU,EACrB,GAAG,gBAAgB,EACE,EAAE,EAAE;IACzB,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAElH,MAAM,IAAI,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IACpC,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IACxC,OAAO,CACL,0BACE,wBACG,UAAU,OAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAChC,EACJ,cAAM,EAEL,CAAC,IAAI,IAAI,CACR,gCAAqB,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,gBAAgB,EAAE,CAAC,qBAExF,CACV,EACA,IAAI,IAAI,CACP,8BACE,gCAAqB,MAAM,GAAG,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,sBAEjE,EACR,MAAM,CAAC,CAAC,CAAC,CACR,gCAAqB,MAAM,GAAG,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,uBAEnE,CACV,CAAC,CAAC,CAAC,CACF,gCAAqB,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,qBAE/D,CACV,IACA,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}