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

package/lib/components/Typeahead/Typeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAKrD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAGnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAM9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,KAAK,kBAAkB,GAAG,UAAU,GAAG;IACrC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAyLF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,gBAAgB,CASjB,CAAC"}
+{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAE5C,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAG7D,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,UAAU,CAAC;AACzC,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAGnD,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAM9C,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,KAAK,kBAAkB,GAAG,IAAI,CAC5B,UAAU,EACV;IACE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,CACT,MAAM,EAAE,UAAU,EAClB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC;IACjE,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,CACF,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,kBAAkB,EAClB;IACE,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CACF,CAAC;AAyLF,eAAO,MAAM,SAAS,EAAE,IAAI,CAAC,iBAAiB,CAC5C,cAAc,EACd,gBAAgB,CASjB,CAAC"}

package/lib/components/Typeahead/Typeahead.js

@@ -99,18 +99,14 @@ const BaseTypeahead = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           clickAway();
         }
         onFocus?.(_e);
-      }
-      // @ts-ignore - TS2769 - No overload matches this call. | TS7006 - Parameter '_e' implicitly has an 'any' type.
-      ,
-      onClear: _e => {
+      },
+      onClear: () => {
         onClear?.();
       }
     })), isOpen && !isLoading && menu && menuOptions && !!menuOptions.length && /*#__PURE__*/React.createElement(_react2.FloatingPortal, null, /*#__PURE__*/React.createElement(_react2.FloatingFocusManager, {
       modal: false,
       context: context,
-      returnFocus: false
-      // @ts-ignore - TS2322 - Type 'MutableRefObject<ReferenceType | null> & MutableRefObject<ReferenceType | null>' is not assignable to type 'number | MutableRefObject<HTMLElement | null> | undefined'.
-      ,
+      returnFocus: false,
       initialFocus: refs.reference
     }, /*#__PURE__*/React.createElement("div", {
       // @ts-ignore - TS2322 - Type '((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void)' is not assignable to type '{ current: HTMLElement | null | undefined; }'.

package/lib/components/Typeahead/Typeahead.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAInD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2ChD,wBAsVE;AAMF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;CAgB9C,CAAC;AAOF,eAAO,MAAM,4BAA4B;WAAU,cAAc;;;;;;;gDAnYxC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBA8BQ,CAAC;uBAE/B,CAAC;kCAES,CAAC;;;;;;;;CAiXd,CAAC;AAOF,eAAO,MAAM,oBAAoB;WAAU,cAAc;;;;CAExD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,cAAc,sBA+BvD,CAAC;AA8BF,eAAO,MAAM,gCAAgC;WAAU,cAAc;;;;;CA0CpE,CAAC"}
+{"version":3,"file":"Typeahead.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typeahead/Typeahead.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAC,UAAU,EAAE,SAAS,EAAC,MAAM,SAAS,CAAC;AAInD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2ChD,wBAsVE;AAMF,eAAO,MAAM,UAAU;WAAU,cAAc;;;;;CAgB9C,CAAC;AAOF,eAAO,MAAM,4BAA4B;WAAU,cAAc;;;;;;;gDAlYlD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;sBAiCV,CAAD;uBACG,CAAA;kCAAgC,CAAC;;;;;;;;CAgXxC,CAAC;AAOF,eAAO,MAAM,oBAAoB;WAAU,cAAc;;;;CAExD,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,MAAM,cAAc,sBA+BvD,CAAC;AA8BF,eAAO,MAAM,gCAAgC;WAAU,cAAc;;;;;CA0CpE,CAAC"}

package/lib/components/WeekdayPicker/WeekdayPicker.d.ts

@@ -9,6 +9,7 @@ type ClassNames = Readonly<{
     button?: string;
     label?: string;
     helperText?: string;
+    selectedButton?: string;
 }>;
 type WeekdayPickerSize = (typeof WEEKDAY_PICKER_SIZE)[keyof typeof WEEKDAY_PICKER_SIZE];
 type Weekday = {

package/lib/components/WeekdayPicker/WeekdayPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WeekdayPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WeekdayPicker/WeekdayPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAoBrD,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,CAAC;AACH,KAAK,iBAAiB,GACpB,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAwDF,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAmHf,CAAC"}
+{"version":3,"file":"WeekdayPicker.d.ts","sourceRoot":"","sources":["../../../src/components/WeekdayPicker/WeekdayPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAoBrD,eAAO,MAAM,mBAAmB;;;EAG9B,CAAC;AAEH,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC,CAAC;AACH,KAAK,iBAAiB,GACpB,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE,KAAK,OAAO,GAAG;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,gBAAgB,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IAClC,cAAc,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACjC,eAAe,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,EAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACxD,OAAO,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAgEF,eAAO,MAAM,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAChD,kBAAkB,EAClB,cAAc,CAsHf,CAAC"}

package/lib/components/WeekdayPicker/WeekdayPicker.js

@@ -43,7 +43,7 @@ const DayButton = _ref => {
     isSelected,
     isDisabled,
     onClick,
-    className,
+    classNames,
     size,
     readOnly
   } = _ref;
@@ -53,8 +53,11 @@ const DayButton = _ref => {
       [_WeekdayPickerModule.default.weekdayButtonMedium]: size === WEEKDAY_PICKER_SIZE.medium,
       [_WeekdayPickerModule.default.weekdayButtonSmall]: size === WEEKDAY_PICKER_SIZE.small,
       [_WeekdayPickerModule.default.weekdayButtonSelected]: isSelected,
+      ...(classNames?.selectedButton && {
+        [classNames.selectedButton]: isSelected
+      }),
       [_WeekdayPickerModule.default.weekdayButtonDisabled]: isDisabled
-    }, className),
+    }, classNames?.button),
     onClick: onClick,
     disabled: isDisabled,
     "aria-label": `Select ${day.label}`,
@@ -138,7 +141,10 @@ const WeekdayPicker = exports.WeekdayPicker = /*#__PURE__*/React.forwardRef((_re
           handleDayToggle(day, event);
         }
       },
-      className: classNames.button,
+      classNames: {
+        button: classNames.button,
+        selectedButton: classNames.selectedButton
+      },
       size: size,
       readOnly: readOnly
     });

package/lib/components/WeekdayPicker/WeekdayPicker.module.css

@@ -76,11 +76,6 @@
   &:focus-visible {
     background-color: colorButtonFillPrimaryHovered;
     color: colorTextInversePrimary;
-
-    .secondaryLabel {
-      background-color: colorButtonFillPrimaryHovered;
-      color: colorTextInversePrimary;
-    }
   }
 }
 
@@ -94,6 +89,7 @@
 .secondaryLabel {
   composes: bodySmall from '../../styles/typography.module.css';
   color: colorTextSecondary;
+  background-color: transparent;
 
   /* Added a transition to .secondaryLabel for smoother and immediate style updates 
    during hover or focus-visible states of .secondaryLabelSelected. This ensures the 
@@ -102,7 +98,6 @@
 }
 
 .secondaryLabelSelected {
-  background-color: colorButtonFillPrimaryEnabled;
   color: colorTextInversePrimary;
 }
 

package/lib/devtools/DependencyGraph/DependencyGraph.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DependencyGraph.stories.d.ts","sourceRoot":"","sources":["../../../src/devtools/DependencyGraph/DependencyGraph.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,8BAA8B,CAAC;;;;;;;;;;;;;;;AAItC,wBAYE;AAoUF,eAAO,MAAM,gBAAgB,yBAkC5B,CAAC"}
+{"version":3,"file":"DependencyGraph.stories.d.ts","sourceRoot":"","sources":["../../../src/devtools/DependencyGraph/DependencyGraph.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,OAAO,8BAA8B,CAAC;;;;;;;;;;;;;;;AAItC,wBAYE;AAwUF,eAAO,MAAM,gBAAgB,yBAgC5B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useArbitraryOptionAddition.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;;;;;;;;;;;;;AAUxE,wBAmDE;AASF,eAAO,MAAM,KAAK,yBAgCjB,CAAC;AAwBF,eAAO,MAAM,OAAO,yBA+BnB,CAAC"}
+{"version":3,"file":"useArbitraryOptionAddition.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useArbitraryOptionAddition/useArbitraryOptionAddition.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAC,0BAA0B,EAAC,MAAM,8BAA8B,CAAC;;;;;;;;;;;;;AAaxE,wBAmDE;AASF,eAAO,MAAM,KAAK,yBAgCjB,CAAC;AAwBF,eAAO,MAAM,OAAO,yBA+BnB,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"
@@ -73,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",
@@ -126,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",
@@ -139,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",