@spaced-out/ui-design-system 0.5.35 → 0.5.37

package/.cspell/custom-words.txt

@@ -1,5 +1,6 @@
 Aaiun
 Aditya
+aditya-senapati
 aditya-kaushal
 Aliasify
 amet

package/.github/workflows/publish_to_npm.yml

@@ -24,7 +24,7 @@ jobs:
       - name: Check Permissions
         id: check-permissions
         env:
-          ALLOWED_USERS: superrover, Anant-Raj, diwakersurya, ashwini-sensehq, vish-sah, VishalBarnawal, sanskar-s, VivekJangid, sharad-kushwah, Swatantramishra1, bhatiarush27, darsh-mecwan-sense, keshavsensehq, SahilShrivastava1, aditya-kaushal, LakshayKumar-1
+          ALLOWED_USERS: superrover, Anant-Raj, diwakersurya, ashwini-sensehq, vish-sah, VishalBarnawal, sanskar-s, VivekJangid, sharad-kushwah, Swatantramishra1, bhatiarush27, darsh-mecwan-sense, keshavsensehq, SahilShrivastava1, aditya-kaushal, LakshayKumar-1, aditya-senapati
         if: ${{ !contains(env.ALLOWED_USERS, github.actor) }}
         run: |
           echo "You don't have correct permissions to do this release"

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.5.37](https://github.com/spaced-out/ui-design-system/compare/v0.5.36...v0.5.37) (2025-12-18)
+
+
+### Features
+
+* **GDS-519:** Stage Arrows ([#410](https://github.com/spaced-out/ui-design-system/issues/410)) ([16e40a8](https://github.com/spaced-out/ui-design-system/commit/16e40a85168d100eef29874ab30ff64f1041ff89))
+* github permission for genesis ([#452](https://github.com/spaced-out/ui-design-system/issues/452)) ([33b49cd](https://github.com/spaced-out/ui-design-system/commit/33b49cdd0819d01984efb03d95bfef30ef9b92f8))
+
+### [0.5.36](https://github.com/spaced-out/ui-design-system/compare/v0.5.35...v0.5.36) (2025-12-15)
+
+
+### Bug Fixes
+
+* casing for tertiary-gradient button type ([#451](https://github.com/spaced-out/ui-design-system/issues/451)) ([67a3bbe](https://github.com/spaced-out/ui-design-system/commit/67a3bbe0bcaa7e3e25afbae30f84f6302dedb94e))
+
 ### [0.5.35](https://github.com/spaced-out/ui-design-system/compare/v0.5.34...v0.5.35) (2025-12-15)
 
 

package/lib/components/Button/Button.d.ts

@@ -22,7 +22,7 @@ export declare const BUTTON_TYPES: Readonly<{
     ghost: "ghost";
     danger: "danger";
     gradient: "gradient";
-    'tertiary-gradient': "tertiaryGradient";
+    tertiaryGradient: "tertiaryGradient";
 }>;
 export declare const BUTTON_ACTION_TYPE: Readonly<{
     button: "button";

package/lib/components/Button/Button.js

@@ -30,7 +30,7 @@ const BUTTON_TYPES = exports.BUTTON_TYPES = Object.freeze({
   ghost: 'ghost',
   danger: 'danger',
   gradient: 'gradient',
-  'tertiary-gradient': 'tertiaryGradient'
+  tertiaryGradient: 'tertiaryGradient'
 });
 const BUTTON_ACTION_TYPE = exports.BUTTON_ACTION_TYPE = Object.freeze({
   button: 'button',

package/lib/components/StageArrows/StageArrow/StageArrow.d.ts

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+import type { IconType } from '../../../components/Icon';
+import type { BaseTooltipProps } from '../../../components/Tooltip/Tooltip';
+type ClassNames = Readonly<{
+    wrapper?: string;
+    icon?: string;
+}>;
+export declare const STAGE_ARROW_TYPE: Readonly<{
+    primary: "primary";
+    danger: "danger";
+    success: "success";
+    warning: "warning";
+    information: "information";
+}>;
+export type StageArrowType = (typeof STAGE_ARROW_TYPE)[keyof typeof STAGE_ARROW_TYPE];
+export interface StageArrowProps {
+    id: string;
+    type?: StageArrowType;
+    disabled?: boolean;
+    iconLeftName?: string;
+    iconLeftType?: IconType;
+    iconRightName?: string;
+    iconRightType?: IconType;
+    classNames?: ClassNames;
+    isEndStageArrow?: boolean;
+    isStartStageArrow?: boolean;
+    onStageArrowClick?: ((id: string, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown) | null | undefined;
+    children: React.ReactNode;
+    tooltip?: BaseTooltipProps;
+    testId?: string;
+    locked?: boolean;
+}
+export declare const StageArrow: Flow.AbstractComponent<StageArrowProps, HTMLButtonElement>;
+export {};
+//# sourceMappingURL=StageArrow.d.ts.map

package/lib/components/StageArrows/StageArrow/StageArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StageArrow.d.ts","sourceRoot":"","sources":["../../../../src/components/StageArrows/StageArrow/StageArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAOrD,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAElD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAC;AAOrE,KAAK,UAAU,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;;;EAM3B,CAAC;AAEH,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAE3D,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,EAAE,IAAI,CAAC,iBAAiB,CAC7C,eAAe,EACf,iBAAiB,CAsFlB,CAAC"}

package/lib/components/StageArrows/StageArrow/StageArrow.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StageArrow = exports.STAGE_ARROW_TYPE = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _classify = _interopRequireDefault(require("../../../utils/classify"));
+var _qa = require("../../../utils/qa");
+var _Button = require("../../Button");
+var _ConditionalWrapper = require("../../ConditionalWrapper/ConditionalWrapper");
+var _Icon = require("../../Icon");
+var _Tooltip = require("../../Tooltip/Tooltip");
+var _Truncate = require("../../Truncate");
+var _StageArrowModule = _interopRequireDefault(require("./StageArrow.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const STAGE_ARROW_TYPE = exports.STAGE_ARROW_TYPE = Object.freeze({
+  primary: 'primary',
+  danger: 'danger',
+  success: 'success',
+  warning: 'warning',
+  information: 'information'
+});
+const StageArrow = exports.StageArrow = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    id,
+    classNames,
+    disabled = false,
+    onStageArrowClick,
+    isEndStageArrow = false,
+    isStartStageArrow = false,
+    type = 'primary',
+    iconLeftName = '',
+    iconLeftType = 'solid',
+    iconRightName = '',
+    iconRightType = 'solid',
+    children,
+    tooltip,
+    testId,
+    locked = false,
+    ...props
+  } = _ref;
+  const isInBetweenStageArrow = !isStartStageArrow && !isEndStageArrow;
+  const iconColor = disabled ? 'disabled' : 'primary';
+  const hasTooltip = tooltip && typeof tooltip === 'object' && Object.keys(tooltip).length > 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+    condition: hasTooltip,
+    wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+      ...tooltip,
+      children: children
+    }),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.UnstyledButton, {
+      ...props,
+      ref: ref,
+      testId: (0, _qa.generateTestId)({
+        base: testId,
+        slot: 'stage-arrow-button'
+      }),
+      disabled: disabled,
+      className: (0, _classify.default)(_StageArrowModule.default.stageArrowButton, {
+        [_StageArrowModule.default.locked]: locked,
+        [_StageArrowModule.default.primary]: type === STAGE_ARROW_TYPE.primary,
+        [_StageArrowModule.default.danger]: type === STAGE_ARROW_TYPE.danger,
+        [_StageArrowModule.default.success]: type === STAGE_ARROW_TYPE.success,
+        [_StageArrowModule.default.warning]: type === STAGE_ARROW_TYPE.warning,
+        [_StageArrowModule.default.information]: type === STAGE_ARROW_TYPE.information,
+        [_StageArrowModule.default.endStageArrow]: isEndStageArrow,
+        [_StageArrowModule.default.startStageArrow]: isStartStageArrow,
+        [_StageArrowModule.default.inBetweenStageArrow]: isInBetweenStageArrow,
+        [_StageArrowModule.default.disabled]: disabled
+      }, classNames?.wrapper),
+      onClick: e => !locked && !disabled && onStageArrowClick && onStageArrowClick(id, e),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _StageArrowModule.default.stageArrowRow,
+        children: [iconLeftName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          size: "small",
+          color: iconColor,
+          name: iconLeftName,
+          type: iconLeftType,
+          className: (0, _classify.default)(_StageArrowModule.default.stageArrowLeftIcon, classNames?.icon)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          className: _StageArrowModule.default.stageArrowText,
+          children: children
+        }), (iconRightName || locked) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          size: "small",
+          color: iconColor,
+          name: locked ? 'lock' : iconRightName,
+          type: locked ? 'regular' : iconRightType,
+          className: (0, _classify.default)(_StageArrowModule.default.stageArrowRightIcon, classNames?.icon)
+        })]
+      })
+    })
+  });
+});

package/lib/components/StageArrows/StageArrow/StageArrow.module.css

@@ -0,0 +1,157 @@
+@value (
+  colorNeutralLightest,
+  colorNeutralLight,
+  colorInformationLightest,
+  colorInformationLight,
+  colorSuccessLightest,
+  colorSuccessLight,
+  colorWarningLightest,
+  colorWarningLight,
+  colorDangerLightest,
+  colorDangerLight,
+  colorTextDisabled,
+  colorFillDisabled
+) from '../../../styles/variables/_color.css';
+
+@value (
+  spaceNone,
+  spaceSmall,
+  spaceFluid,
+  spaceXSmall,
+  spaceXXSmall,
+  spaceHalfFluid
+) from '../../../styles/variables/_space.css';
+
+@value (
+  size2,
+  size4,
+  size10,
+  size12,
+  size34,
+  size180,
+  size200
+) from '../../../styles/variables/_size.css';
+
+@value (
+  borderRadiusSmall
+) from '../../../styles/variables/_border.css';
+
+@value paddingStageArrow: calc(size12 + size4);
+@value maxWidthStageArrow: calc(size200 + size10);
+@value maxWidthStageArrowContainer: calc(size180 - size2);
+
+.stageArrowButton {
+  composes: buttonTextSmall from '../../../styles/typography.module.css';
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  max-height: size34;
+  max-width: maxWidthStageArrow;
+  padding: spaceNone paddingStageArrow;
+  cursor: pointer;
+  border: none;
+  margin-left: calc(spaceXXSmall * -1);
+  background-color: var(--stage-arrow-bg, colorNeutralLightest);
+}
+
+.stageArrowButton:hover {
+  background-color: var(--stage-arrow-bg-hover, var(--stage-arrow-bg));
+}
+
+.stageArrowButton.locked:hover {
+  background-color: var(--stage-arrow-bg);
+}
+
+.primary {
+  --stage-arrow-bg: colorNeutralLightest;
+  --stage-arrow-bg-hover: colorNeutralLight;
+}
+
+.information {
+  --stage-arrow-bg: colorInformationLightest;
+  --stage-arrow-bg-hover: colorInformationLight;
+}
+
+.success {
+  --stage-arrow-bg: colorSuccessLightest;
+  --stage-arrow-bg-hover: colorSuccessLight;
+}
+
+.warning {
+  --stage-arrow-bg: colorWarningLightest;
+  --stage-arrow-bg-hover: colorWarningLight;
+}
+
+.danger {
+  --stage-arrow-bg: colorDangerLightest;
+  --stage-arrow-bg-hover: colorDangerLight;
+}
+
+.disabled {
+  color: colorTextDisabled;
+  --stage-arrow-bg: colorFillDisabled;
+  --stage-arrow-bg-hover: colorFillDisabled;
+}
+
+.stageArrowButton:first-child {
+  margin-left: spaceNone;
+}
+
+.stageArrowRow {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: spaceXSmall;
+  padding: spaceXSmall spaceSmall;
+  width: maxWidthStageArrowContainer;
+}
+
+.stageArrowLeftIcon {
+  align-self: flex-start;
+}
+
+.stageArrowText {
+  flex: 1;
+  text-align: center;
+}
+
+.stageArrowRightIcon {
+  align-self: flex-end;
+}
+
+.startStageArrow {
+  border-top-left-radius: borderRadiusSmall;
+  border-bottom-left-radius: borderRadiusSmall;
+  clip-path: polygon(
+    spaceNone spaceNone,
+    calc(spaceFluid - paddingStageArrow) spaceNone,
+    spaceFluid spaceHalfFluid,
+    calc(spaceFluid - paddingStageArrow) spaceFluid,
+    spaceNone spaceFluid,
+    spaceNone spaceHalfFluid
+  );
+}
+
+.endStageArrow {
+  border-top-right-radius: borderRadiusSmall;
+  border-bottom-right-radius: borderRadiusSmall;
+  clip-path: polygon(
+    spaceNone spaceNone,
+    spaceFluid spaceNone,
+    spaceFluid spaceHalfFluid,
+    spaceFluid spaceFluid,
+    spaceNone spaceFluid,
+    paddingStageArrow spaceHalfFluid
+  );
+}
+
+.inBetweenStageArrow {
+  clip-path: polygon(
+    spaceNone spaceNone,
+    calc(spaceFluid - paddingStageArrow) spaceNone,
+    spaceFluid spaceHalfFluid,
+    calc(spaceFluid - paddingStageArrow) spaceFluid,
+    spaceNone spaceFluid,
+    paddingStageArrow spaceHalfFluid
+  );
+}

package/lib/components/StageArrows/StageArrow/index.d.ts

@@ -0,0 +1,2 @@
+export * from '../../../components/StageArrows/StageArrow/StageArrow';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/StageArrows/StageArrow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/StageArrows/StageArrow/index.ts"],"names":[],"mappings":"AAAA,cAAc,kDAAkD,CAAC"}

package/lib/components/StageArrows/StageArrow/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _StageArrow = require("./StageArrow");
+Object.keys(_StageArrow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StageArrow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StageArrow[key];
+    }
+  });
+});

package/lib/components/StageArrows/StageArrows.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+type ClassNames = Readonly<{
+    wrapper?: string;
+}>;
+export interface StageArrowsProps {
+    disabled?: boolean;
+    children: React.ReactNode;
+    classNames?: ClassNames;
+    onStageArrowClick?: ((id: string, e?: React.SyntheticEvent<HTMLElement> | null | undefined) => unknown) | null | undefined;
+    testId?: string;
+}
+export declare const StageArrows: Flow.AbstractComponent<StageArrowsProps, HTMLDivElement>;
+export {};
+//# sourceMappingURL=StageArrows.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageArrows.d.ts","sourceRoot":"","sources":["../../../src/components/StageArrows/StageArrows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAUrD,KAAK,UAAU,GAAG,QAAQ,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC,CAAC;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,iBAAiB,CAAC,EACd,CAAC,CACC,EAAE,EAAE,MAAM,EACV,CAAC,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG,IAAI,GAAG,SAAS,KACrD,OAAO,CAAC,GACb,IAAI,GACJ,SAAS,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAC9C,gBAAgB,EAChB,cAAc,CAqDf,CAAC"}

package/lib/components/StageArrows/StageArrows.js

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StageArrows = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _qa = require("../../utils/qa");
+var _StageArrowsModule = _interopRequireDefault(require("./StageArrows.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const StageArrows = exports.StageArrows = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    disabled,
+    children,
+    classNames,
+    onStageArrowClick,
+    testId
+  } = _ref;
+  const childrenArray = React.Children.toArray(children);
+  const childrenWithProps = childrenArray.map((child, index) => {
+    if (/*#__PURE__*/React.isValidElement(child)) {
+      const {
+        disabled: disabledChild,
+        classNames: classNamesChild
+      } = child.props;
+      const isSingleChild = childrenArray.length === 1;
+      const isStartStageArrow = !isSingleChild && index === 0;
+      const isEndStageArrow = !isSingleChild && index === childrenArray.length - 1;
+      return /*#__PURE__*/React.cloneElement(child, {
+        ...child.props,
+        isStartStageArrow,
+        isEndStageArrow,
+        disabled: disabledChild || disabled,
+        onStageArrowClick,
+        testId: (0, _qa.generateTestId)({
+          base: testId,
+          slot: 'stage-arrow',
+          index: index.toString()
+        }),
+        classNames: {
+          wrapper: classNamesChild?.wrapper,
+          icon: classNamesChild?.icon
+        }
+      });
+    }
+    return child;
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ref: ref,
+    "data-testid": (0, _qa.generateTestId)({
+      base: testId,
+      slot: 'wrapper'
+    }),
+    className: (0, _classify.default)(_StageArrowsModule.default.stageArrowsWrapper, classNames?.wrapper),
+    children: childrenWithProps
+  });
+});

package/lib/components/StageArrows/StageArrows.module.css

@@ -0,0 +1,12 @@
+.stageArrowsWrapper {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  overflow: auto;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.stageArrowsWrapper::-webkit-scrollbar {
+  display: none;
+}

package/lib/components/StageArrows/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../../components/StageArrows/StageArrow';
+export * from '../../components/StageArrows/StageArrows';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/StageArrows/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StageArrows/index.ts"],"names":[],"mappings":"AAAA,cAAc,uCAAuC,CAAC;AACtD,cAAc,wCAAwC,CAAC"}

package/lib/components/StageArrows/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _StageArrow = require("./StageArrow");
+Object.keys(_StageArrow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StageArrow[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StageArrow[key];
+    }
+  });
+});
+var _StageArrows = require("./StageArrows");
+Object.keys(_StageArrows).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StageArrows[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StageArrows[key];
+    }
+  });
+});

package/lib/components/index.d.ts

@@ -57,6 +57,7 @@ export * from '../components/SearchInput';
 export * from '../components/Separator';
 export * from '../components/Shimmer';
 export * from '../components/SideMenuLink';
+export * from '../components/StageArrows';
 export * from '../components/StatusIndicator';
 export * from '../components/Stepper';
 export * from '../components/StickyBar';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAC;AACxD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mDAAmD,CAAC;AAClE,cAAc,iCAAiC,CAAC;AAChD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAC;AACxD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC"}

package/lib/components/index.js

@@ -652,6 +652,17 @@ Object.keys(_SideMenuLink).forEach(function (key) {
     }
   });
 });
+var _StageArrows = require("./StageArrows");
+Object.keys(_StageArrows).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _StageArrows[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _StageArrows[key];
+    }
+  });
+});
 var _StatusIndicator = require("./StatusIndicator");
 Object.keys(_StatusIndicator).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/mcp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/genesis-mcp",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "MCP server for Genesis UI Design System - provides AI assistants with access to components, hooks, and design tokens",
   "type": "module",
   "main": "index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.5.35",
+  "version": "0.5.37",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"