@spaced-out/ui-design-system 0.5.2 → 0.5.4

package/lib/hooks/useResizeObserver/useResizeObserver.js

@@ -14,14 +14,11 @@ function useResizeObserver() {
     if (!node) {
       return;
     }
-
-    // @ts-ignore - TS2345 - Argument of type '([entry]: [any]) => void' is not assignable to parameter of type 'ResizeObserverCallback'.
-    const resizeObserver = new ResizeObserver(_ref => {
-      let [entry] = _ref;
+    const resizeObserver = new ResizeObserver(entries => {
+      const [entry] = entries;
       setHeight(entry.contentRect.height);
     });
     resizeObserver.observe(node);
-    // @ts-ignore - TS2339 - Property 'getBoundingClientRect' does not exist on type 'never'.
     setHeight(node.getBoundingClientRect().height);
     return () => {
       resizeObserver.disconnect();

package/lib/hooks/useToastPortal/useToastPortal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToastPortal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToastPortal/useToastPortal.ts"],"names":[],"mappings":"AAMA,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE;QACR,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,eAE5B,cAAc,KAAG;IAClB,MAAM,EAAE,OAAO,CAAC;CAgBjB,CAAC"}
+{"version":3,"file":"useToastPortal.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToastPortal/useToastPortal.ts"],"names":[],"mappings":"AAMA,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE;QACR,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,eAE5B,cAAc,KAAG;IAClB,MAAM,EAAE,OAAO,CAAC;CAcjB,CAAC"}

package/lib/hooks/useToastPortal/useToastPortal.js

@@ -12,12 +12,8 @@ const useToastPortal = _ref => {
     toastRef
   } = _ref;
   const [loaded, setLoaded] = (0, _react.useState)(false);
-
-  // @ts-ignore - TS2345 - Argument of type '() => () => HTMLDivElement' is not assignable to parameter of type 'EffectCallback'.
   (0, _react.useEffect)(() => {
     const div = document.createElement('div');
-
-    // @ts-ignore - TS2540 - Cannot assign to 'style' because it is a read-only property.
     div.style = `position: fixed; bottom: ${_space.spaceMedium}; left: ${_space.spaceMedium}; z-index: ${_elevation.elevationToast};`;
     document.body.prepend(div);
     toastRef.current = div;

package/lib/hooks/useToggle/useToggle.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToggle/useToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;;;;;;;;;;;;;AAKtC,wBA2CE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAcxE,CAAC"}
+{"version":3,"file":"useToggle.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToggle/useToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;;;;;;;;;;;;;AAKtC,wBA2CE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAWxE,CAAC"}

package/lib/types/date-range-picker.d.ts

@@ -1,3 +1,4 @@
+import type { Over } from './utils';
 export type TimeUnit = 'years' | 'months' | 'days' | 'd' | 'M' | 'y';
 export type DateRange = {
     startDate?: string | null | undefined;
@@ -13,9 +14,9 @@ export type DateRangePickerError = {
     type: string;
     description: string;
 };
-export type DateRangeWithTimezone = DateRange & {
+export type DateRangeWithTimezone = Over<DateRange, {
     startDateUTC?: string | null | undefined;
     endDateUTC?: string | null | undefined;
     timezone?: string;
-};
+}>;
 //# sourceMappingURL=date-range-picker.d.ts.map

package/lib/types/date-range-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../src/types/date-range-picker.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACrE,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACrC,CAAC;AACF,MAAM,MAAM,yBAAyB,GAAG;IACtC,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG;IAC9C,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC"}
+{"version":3,"file":"date-range-picker.d.ts","sourceRoot":"","sources":["../../src/types/date-range-picker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAGlC,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AACrE,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACrC,CAAC;AACF,MAAM,MAAM,yBAAyB,GAAG;IACtC,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,SAAS,EACT;IACE,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CACF,CAAC"}

package/lib/types/index.d.ts

@@ -4,4 +4,5 @@ export * from './date-range-picker';
 export * from './menu';
 export * from './toast';
 export * from './typography';
+export * from './utils';
 //# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/lib/types/index.js

@@ -68,4 +68,15 @@ Object.keys(_typography).forEach(function (key) {
       return _typography[key];
     }
   });
+});
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _utils[key];
+    }
+  });
 });

package/lib/types/toast.d.ts

@@ -1,4 +1,5 @@
 import type * as React from 'react';
+import type { Over } from './utils';
 export declare const POSITIONS: {
     readonly TOP_CENTER: "topCenter";
     readonly TOP_LEFT: "topLeft";
@@ -20,9 +21,9 @@ export type ToastOptions = {
     autoClose?: boolean;
     uniqueCode?: string | number;
 };
-export type optionTypes = ToastOptions & {
+export type optionTypes = Over<ToastOptions, {
     id: string;
     key?: string;
-};
+}>;
 export type callbackFuncTypes = (type: actionTypes, content: contentTypes, options: optionTypes) => void;
 //# sourceMappingURL=toast.d.ts.map

package/lib/types/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/types/toast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAEX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACvE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC9B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,WAAW,KACjB,IAAI,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/types/toast.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,SAAS,CAAC;AAGlC,eAAO,MAAM,SAAS;;;;;;;CAOZ,CAAC;AAEX,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AACvE,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AACjE,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC;AAE3C,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,YAAY,EACZ;IACE,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CACF,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC9B,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,WAAW,KACjB,IAAI,CAAC"}

package/lib/types/utils.d.ts

@@ -0,0 +1,101 @@
+/**
+ * ------------------------------------------------------------------------
+ * Utility types for Flow-style spread + override semantics
+ * ------------------------------------------------------------------------
+ *
+ * WHY THIS Type EXISTS
+ * --------------------
+ * In Flow you can write:
+ *
+ *   type B = { ...A, c: number };
+ *
+ * which means "take all of A's properties, but if there is a conflict,
+ * override with the new definition." In TypeScript, doing the naive
+ *
+ *   type B = A & { c: number };
+ *
+ * will give you `c: string & number` (=> `never`) instead of the
+ * intended override. That leads to subtle bugs or unusable types.
+ *
+ * To avoid this pitfall and to set a clear team standard, we define
+ * short utilities here (`Over`, `OverAll`, etc.) that encode the
+ * intended semantics: **include everything from the left, right side
+ * wins on conflicts**.
+ *
+ *
+ * WHAT EACH UTILITY DOES
+ * ----------------------
+ *
+ *   Over<T, R>
+ *     - Include all properties from T
+ *     - Add properties from R
+ *     - For overlapping keys, R overrides T
+ *
+ *   OverAll<T, [R1, R2, ...]>
+ *     - Fold multiple overrides in sequence, left → right
+ *     - Equivalent to: Over(Over(Over(T, R1), R2), ...)
+ *     - Rightmost definition of a key always wins
+ *
+ *   OverOnly<T, R>
+ *     - Same as Over, but disallows adding brand-new keys
+ *     - Useful when you want to enforce "true override only"
+ *
+ *   OverAllOnly<T, [R1, R2, ...]>
+ *     - Same as OverAll, but strict: every key in every R must
+ *       already exist in T (or an earlier override)
+ *
+ *
+ * EXAMPLES
+ * --------
+ *
+ *   // Base shape
+ *   type A = { a: boolean; b: number; c: string };
+ *
+ *   // Simple override
+ *   type B = Over<A, { c: number }>;
+ *   // => { a: boolean; b: number; c: number }
+ *
+ *   // Multiple overrides
+ *   type C = OverAll<A, [
+ *     { c: number },
+ *     { b: string },
+ *     { d: Date }
+ *   ]>;
+ *   // => { a: boolean; c: number; b: string; d: Date }
+ *
+ *   // Strict variant (no new keys allowed)
+ *   type D = OverOnly<A, { c: number }>;         // OK
+ *   type E = OverOnly<A, { d: Date }>;           // ERROR (d not in A)
+ *
+ *
+ * DESIGN SYSTEM USAGE
+ * -------------------
+ * - Use **Over** by default whenever you would otherwise write
+ *   `A & { ... }`. This ensures right-biased override and prevents
+ *   "never" bugs.
+ *
+ * - Use **OverAll** if you are combining 3+ prop bags or when you
+ *   have `A & B & C & { ... }`.
+ *
+ * - Use **OverOnly / OverAllOnly** when you want to *forbid*
+ *   introducing brand-new props, e.g. when extending a public API
+ *   contract that must not grow new keys.
+ *
+ *
+ * TEAM STANDARD
+ * -------------
+ * ✅ Always prefer Over / OverAll for prop composition in DS components.
+ * ❌ Avoid raw `& { ... }` intersections for overrides — they will
+ *    produce `never` on conflicts.
+ *
+ * This makes our type contracts predictable, Flow-like, and safer
+ * against accidental regressions when new keys are added upstream.
+ *
+ */
+export type Over<T extends object, R extends object> = Omit<T, keyof R> & R;
+export type OverAll<T extends object, Rs extends readonly object[]> = Rs extends [infer H extends object, ...infer Tail extends readonly object[]] ? OverAll<Over<T, H>, Tail> : T;
+export type OverOnly<T extends object, R extends {
+    [K in keyof R & keyof T]: unknown;
+} & object> = Omit<T, keyof R> & R;
+export type OverAllOnly<T extends object, Rs extends readonly object[]> = Rs extends [infer H extends object, ...infer Tail extends readonly object[]] ? OverAllOnly<OverOnly<T, H>, Tail> : T;
+//# sourceMappingURL=utils.d.ts.map

package/lib/types/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/types/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6FG;AAEH,MAAM,MAAM,IAAI,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAE5E,MAAM,MAAM,OAAO,CACjB,CAAC,SAAS,MAAM,EAChB,EAAE,SAAS,SAAS,MAAM,EAAE,IAC1B,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,MAAM,EAAE,GAAG,MAAM,IAAI,SAAS,SAAS,MAAM,EAAE,CAAC,GAC5E,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GACzB,CAAC,CAAC;AAGN,MAAM,MAAM,QAAQ,CAClB,CAAC,SAAS,MAAM,EAChB,CAAC,SAAS;KAAE,CAAC,IAAI,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,OAAO;CAAC,GAAG,MAAM,IACpD,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzB,MAAM,MAAM,WAAW,CACrB,CAAC,SAAS,MAAM,EAChB,EAAE,SAAS,SAAS,MAAM,EAAE,IAC1B,EAAE,SAAS,CAAC,MAAM,CAAC,SAAS,MAAM,EAAE,GAAG,MAAM,IAAI,SAAS,SAAS,MAAM,EAAE,CAAC,GAC5E,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GACjC,CAAC,CAAC"}

package/lib/types/utils.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/utils/click-away/ClickAway.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClickAway.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/ClickAway.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3D,wBA4IE;AAEF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;CA0F9C,CAAC"}
+{"version":3,"file":"ClickAway.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/ClickAway.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAM3D,wBA4IE;AAEF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;CA4F9C,CAAC"}

package/lib/utils/click-away/click-away.d.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
-type BoundaryRefType<T> = React.RefObject<T | null>;
-type TriggerRefType<T> = React.RefObject<T | null>;
-export type ChildProps = {
+type BoundaryRefType<T extends HTMLElement> = React.RefObject<T | null>;
+type TriggerRefType<T extends HTMLElement> = React.RefObject<T | null>;
+export type ChildProps<TTrigger extends HTMLElement = HTMLButtonElement, TBoundary extends HTMLElement = HTMLDivElement> = {
     onOpen: () => void;
     isOpen: boolean;
     height: number | null | undefined;
     pageBottom: number | null | undefined;
     clickAway: () => void;
-    boundaryRef: BoundaryRefType<HTMLElement>;
-    triggerRef: TriggerRefType<HTMLElement>;
+    boundaryRef: BoundaryRefType<TBoundary>;
+    triggerRef: TriggerRefType<TTrigger>;
 };
 export type ClickAwayRefType = {
     current: {
@@ -16,9 +16,9 @@ export type ClickAwayRefType = {
         forceOpen: () => void;
     } | null | undefined;
 } | null | undefined;
-export type ClickAwayProps = {
+export type ClickAwayProps<TTrigger extends HTMLElement = HTMLButtonElement, TBoundary extends HTMLElement = HTMLDivElement> = {
     closeOnEscapeKeypress?: boolean;
-    children: (props: ChildProps) => React.ReactNode;
+    children: (props: ChildProps<TTrigger, TBoundary>) => React.ReactNode;
     onChange?: (isOpen: boolean) => unknown;
     clickAwayRef?: ClickAwayRefType;
     /**
@@ -49,17 +49,17 @@ type ClickAwayState = {
     height: number | null | undefined;
     pageBottom: number | null | undefined;
 };
-export declare class ClickAway extends React.Component<ClickAwayProps, ClickAwayState> {
+export declare class ClickAway<TTrigger extends HTMLElement = HTMLButtonElement, TBoundary extends HTMLElement = HTMLDivElement> extends React.Component<ClickAwayProps<TTrigger, TBoundary>, ClickAwayState> {
     static defaultProps: {
         containsNestedFloatingPortals?: boolean;
         closeOnEscapeKeypress?: boolean;
     };
     state: ClickAwayState;
     el: HTMLElement | null | undefined;
-    boundaryRef: BoundaryRefType<HTMLElement>;
-    triggerRef: TriggerRefType<HTMLElement>;
+    boundaryRef: BoundaryRefType<TBoundary>;
+    triggerRef: TriggerRefType<TTrigger>;
     componentDidMount(): void;
-    componentDidUpdate(_prevProps: ClickAwayProps, prevState: ClickAwayState): void;
+    componentDidUpdate(_prevProps: Readonly<ClickAwayProps<TTrigger, TBoundary>>, prevState: Readonly<ClickAwayState>): void;
     componentWillUnmount(): void;
     render(): React.ReactNode;
     handleOpenClick: () => void;

package/lib/utils/click-away/click-away.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"click-away.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/click-away.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,eAAe,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AACpD,KAAK,cAAc,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC1C,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GACxB;IACE,OAAO,EACH;QACE,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,SAAS,EAAE,MAAM,IAAI,CAAC;KACvB,GACD,IAAI,GACJ,SAAS,CAAC;CACf,GACD,IAAI,GACJ,SAAS,CAAC;AAEd,MAAM,MAAM,cAAc,GAAG;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,OAAO,CAAC;IACxC,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,6BAA6B,CAAC,EAAE,OAAO,CAAC;CACzC,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACvC,CAAC;AAIF,qBAAa,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;IAC5E,MAAM,CAAC,YAAY,EAAE;QACnB,6BAA6B,CAAC,EAAE,OAAO,CAAC;QACxC,qBAAqB,CAAC,EAAE,OAAO,CAAC;KACjC,CAGC;IAEF,KAAK,EAAE,cAAc,CAInB;IAEF,EAAE,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAQ;IAC1C,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC,CAAkC;IAC3E,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAkC;IAEzE,iBAAiB;IASjB,kBAAkB,CAAC,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc;IAyBxE,oBAAoB;IAUpB,MAAM,IAAI,KAAK,CAAC,SAAS;IAoBzB,eAAe,EAAE,MAAM,IAAI,CAezB;IAEF,gBAAgB,EAAE,CAAC,GAAG,EAAE,UAAU,KAAK,IAAI,CAmCzC;IAEF,2BAA2B,EAAE,CAAC,GAAG,CAAC,EAAE,aAAa,KAAK,IAAI,CAMxD;IAEF,UAAU,EAAE,MAAM,IAAI,CAEpB;IAEF,cAAc,EAAE,MAAM,OAAO,CACmC;IAEhE,UAAU,IAAI,MAAM;CAKrB"}
+{"version":3,"file":"click-away.d.ts","sourceRoot":"","sources":["../../../src/utils/click-away/click-away.ts"],"names":[],"mappings":"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"}

package/lib/utils/helpers/helpers.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/helpers.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAWtC,wBA+BE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CA+ExE,CAAC"}
+{"version":3,"file":"helpers.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/helpers.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAWtC,wBA+BE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAmExE,CAAC"}

package/lib/utils/merge-refs/merge-refs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"merge-refs.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/merge-refs/merge-refs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAW9C,wBAqBE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAyDxE,CAAC"}
+{"version":3,"file":"merge-refs.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/merge-refs/merge-refs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAW9C,wBAqBE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAqDxE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"
@@ -40,7 +40,8 @@
     "fix:forwardref:check": "yarn flow && echo '✅ Type checking completed'",
     "fix:unused": "node scripts/fix-unused-variables-targeted.js",
     "fix:unused:all": "node scripts/fix-unused-variables.js",
-    "fix:all": "yarn fix:forwardref && yarn fix:unused  && yarn fix:forwardref:check"
+    "fix:all": "yarn fix:forwardref && yarn fix:unused  && yarn fix:forwardref:check",
+    "dep:json": "depcruise \"src/**/*.{ts,tsx}\" --output-type json > .storybook/public/depgraph.json"
   },
   "keywords": [
     "React",
@@ -72,6 +73,7 @@
     "@babel/core": "^7.18.13",
     "@babel/eslint-parser": "^7.28.0",
     "@babel/eslint-plugin": "^7.25.9",
+    "@babel/parser": "^7.28.3",
     "@babel/preset-env": "^7.28.3",
     "@babel/preset-react": "^7.27.1",
     "@babel/preset-typescript": "^7.27.1",
@@ -101,6 +103,7 @@
     "@types/react-dom": "~19.1.7",
     "@types/react-window": "^1.8.8",
     "@types/standard-version": "~7.1.3",
+    "@xyflow/react": "^12.8.4",
     "all-contributors-cli": "^6.20.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^28.1.3",
@@ -110,7 +113,10 @@
     "babel-preset-react-app": "^10.0.0",
     "chalk": "^5.0.1",
     "chromatic": "^6.11.4",
+    "classnames": "^2.5.1",
     "cspell": "^9.1.2",
+    "dependency-cruiser": "^17.0.1",
+    "elkjs": "^0.10.0",
     "eslint": "^9.9.0",
     "eslint-plugin-ft-flow": "^3.0.11",
     "eslint-plugin-import": "^2.32.0",
@@ -121,6 +127,7 @@
     "eslint-plugin-storybook": "^9.1.2",
     "eslint-plugin-unused-imports": "^4.1.4",
     "flow-bin": "^0.184.0",
+    "glob": "^11.0.3",
     "globals": "^16.3.0",
     "gulp": "^4.0.2",
     "gulp-babel": "^8.0.0",
@@ -134,6 +141,7 @@
     "prettier": "^2.5.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
+    "recast": "^0.23.11",
     "rimraf": "^3.0.2",
     "simple-git": "^3.12.0",
     "standard-version": "^9.5.0",