@cdx-ui/components 0.0.1-beta.98 → 0.1.0

package/lib/commonjs/components/Radio/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_classVarianceAuthority","_primitives","radioRootVariants","exports","cva","DISABLED_CURSOR","radioIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,2BAAG,EAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,2BAAe,CAChB,CAAC;AAEK,MAAMC,sBAAsB,GAAAH,OAAA,CAAAG,sBAAA,GAAG,IAAAF,2BAAG,EAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1C,8DAA8D,EAC9DG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,6BAAiB,EACjB,0EAA0E,EAC1E,0EAA0E,EAC1E,4CAA4C,EAC5C,kIAAkI,CACnI,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEK,MAAMC,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,IAAAT,2BAAG,EAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE,CACvE,CAACE,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,2BAAG,EAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAEnE,MAAMW,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,EAAE,EAAE;EACxCY,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_utils","_constants","radioRootVariants","exports","cva","DISABLED_CURSOR","radioIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,0BAAe;AACf;AACA;AACA,wEAAwE,CACzE,CAAC;AAEK,MAAMC,sBAAsB,GAAAH,OAAA,CAAAG,sBAAA,GAAG,IAAAF,UAAG,EAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1CG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,4BAAiB,EACjB,OAAO;EACP;EACA,oEAAoE;EACpE;EACA,4FAA4F,EAC5F,0EAA0E,EAC1E,0EAA0E;EAC1E;EACA;EACA,uEAAuE,EACvE,2GAA2G,EAC3G,sFAAsF,EACtF,0GAA0G,EAC1G,4CAA4C,EAC5C,kIAAkI,CACnI,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA,+CAA+C,EAC/C,uEAAuE,EACvE,uEAAuE,EACvE,+EAA+E,CAChF,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,IAAAT,UAAG,EAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE;EACtE;EACA,wFAAwF,EACxF,4GAA4G,CAC7G,CAACE,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE,CACP,mEAAmE,EACnE,2EAA2E,CAC5E,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAMG,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,UAAG,EAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAEnE,MAAMW,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,UAAG,EAAC,EAAE,EAAE;EACxCY,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/RangeCalendar/index.js

@@ -0,0 +1,165 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RangeCalendar = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _flashCalendar = require("@marceloterreiro/flash-calendar");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _CalendarMonthHeader = require("../Calendar/CalendarMonthHeader");
+var _CalendarYearPickerGrid = require("../Calendar/CalendarYearPickerGrid");
+var _flashCalendarAdapter = require("../Calendar/flashCalendarAdapter");
+var _styles = require("../Calendar/styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function RangeCalendarDefaultBody() {
+  const {
+    view
+  } = (0, _primitives.useRangeCalendarContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(RangeCalendarHeader, {}), view === 'year' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(RangeCalendarYearPicker, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(RangeCalendarGrid, {})]
+  });
+}
+const RangeCalendarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RangeCalendarRoot, {
+  ref: ref,
+  className: (0, _utils.cn)((0, _styles.calendarRootVariants)(), className),
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'range-calendar'
+  })),
+  children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(RangeCalendarDefaultBody, {})
+}));
+RangeCalendarRoot.displayName = 'RangeCalendar';
+const RangeCalendarHeader = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    monthId,
+    onMonthIdChange,
+    disabled,
+    view,
+    setView,
+    locale,
+    labels
+  } = (0, _primitives.useRangeCalendarContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarMonthHeader.CalendarMonthHeader, {
+    ref: ref,
+    monthId: monthId,
+    onMonthIdChange: onMonthIdChange,
+    disabled: disabled,
+    view: view,
+    onViewChange: setView,
+    locale: locale,
+    labels: labels,
+    className: className,
+    style: style,
+    ...props
+  });
+});
+RangeCalendarHeader.displayName = 'RangeCalendar.Header';
+const RangeCalendarYearPicker = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    monthId,
+    onMonthIdChange,
+    disabled,
+    setView,
+    labels
+  } = (0, _primitives.useRangeCalendarContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CalendarYearPickerGrid.CalendarYearPickerGrid, {
+    ref: ref,
+    monthId: monthId,
+    onMonthIdChange: onMonthIdChange,
+    disabled: disabled,
+    onViewChange: setView,
+    labels: labels,
+    className: className,
+    style: style,
+    ...props
+  });
+});
+RangeCalendarYearPicker.displayName = 'RangeCalendar.YearPicker';
+const RangeCalendarGrid = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    startId,
+    endId,
+    monthId,
+    minValue,
+    maxValue,
+    disabled,
+    onDayPress,
+    locale
+  } = (0, _primitives.useRangeCalendarContext)();
+  const instanceId = (0, _react.useId)();
+  const theme = (0, _flashCalendarAdapter.useFlashCalendarRangeTheme)({
+    startId,
+    endId
+  });
+  const formatWeekday = (0, _react.useCallback)(date => (0, _flashCalendarAdapter.formatFlashCalendarWeekdayShort)(date, locale), [locale]);
+  const activeRanges = (0, _react.useMemo)(() => {
+    if (startId && endId) {
+      return [{
+        startId,
+        endId
+      }];
+    }
+    if (startId) {
+      return [{
+        startId,
+        endId: startId
+      }];
+    }
+    return [];
+  }, [endId, startId]);
+  const handleDayPress = (0, _react.useCallback)(dateId => {
+    if (!disabled) {
+      onDayPress((0, _flashCalendarAdapter.toCalendarDateId)(dateId));
+    }
+  }, [disabled, onDayPress]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: className,
+    style: style,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_flashCalendar.Calendar, {
+      calendarInstanceId: instanceId,
+      calendarMonthId: monthId,
+      calendarActiveDateRanges: activeRanges,
+      calendarMinDateId: minValue,
+      calendarMaxDateId: maxValue,
+      calendarMonthHeaderHeight: 0,
+      calendarDayHeight: _flashCalendarAdapter.FLASH_CALENDAR_DAY_HEIGHT,
+      calendarWeekHeaderHeight: 28,
+      calendarRowVerticalSpacing: 4,
+      calendarRowHorizontalSpacing: _flashCalendarAdapter.FLASH_CALENDAR_RANGE_DAY_SPACING,
+      getCalendarMonthFormat: () => '',
+      getCalendarWeekDayFormat: formatWeekday,
+      onCalendarDayPress: handleDayPress,
+      theme: theme
+    })
+  });
+});
+RangeCalendarGrid.displayName = 'RangeCalendar.Grid';
+const RangeCalendar = exports.RangeCalendar = Object.assign(RangeCalendarRoot, {
+  Header: RangeCalendarHeader,
+  Grid: RangeCalendarGrid,
+  YearPicker: RangeCalendarYearPicker
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/RangeCalendar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_flashCalendar","_primitives","_utils","_CalendarMonthHeader","_CalendarYearPickerGrid","_flashCalendarAdapter","_styles","_jsxRuntime","RangeCalendarDefaultBody","view","useRangeCalendarContext","jsxs","Fragment","children","jsx","RangeCalendarHeader","RangeCalendarYearPicker","RangeCalendarGrid","RangeCalendarRoot","forwardRef","className","style","props","ref","cn","calendarRootVariants","mergeDataAttributes","dataAttributes","slot","displayName","monthId","onMonthIdChange","disabled","setView","locale","labels","CalendarMonthHeader","onViewChange","CalendarYearPickerGrid","startId","endId","minValue","maxValue","onDayPress","instanceId","useId","theme","useFlashCalendarRangeTheme","formatWeekday","useCallback","date","formatFlashCalendarWeekdayShort","activeRanges","useMemo","handleDayPress","dateId","toCalendarDateId","View","Calendar","calendarInstanceId","calendarMonthId","calendarActiveDateRanges","calendarMinDateId","calendarMaxDateId","calendarMonthHeaderHeight","calendarDayHeight","FLASH_CALENDAR_DAY_HEIGHT","calendarWeekHeaderHeight","calendarRowVerticalSpacing","calendarRowHorizontalSpacing","FLASH_CALENDAR_RANGE_DAY_SPACING","getCalendarMonthFormat","getCalendarWeekDayFormat","onCalendarDayPress","RangeCalendar","exports","Object","assign","Header","Grid","YearPicker"],"sourceRoot":"../../../../src","sources":["components/RangeCalendar/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ScrollShadow/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScrollShadow = ScrollShadow;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _styles = require("./styles");
+var _useScrollShadow = require("./useScrollShadow");
+var _jsxRuntime = require("react/jsx-runtime");
+function ScrollShadow({
+  children,
+  className,
+  fadeFromClassName = 'from-background/35',
+  hideScrollBar = false,
+  orientation = 'horizontal',
+  offset = 0,
+  onCapabilityChange,
+  size = 64,
+  style
+}) {
+  const resolvedOrientation = orientation ?? 'horizontal';
+  const child = _react.Children.only(children);
+  if (! /*#__PURE__*/(0, _react.isValidElement)(child)) {
+    throw new Error('ScrollShadow expects a single React element child.');
+  }
+  const {
+    capability,
+    handleContentSizeChange,
+    handleLayout,
+    handleScroll
+  } = (0, _useScrollShadow.useScrollShadow)({
+    offset,
+    onCapabilityChange,
+    orientation: resolvedOrientation
+  });
+  const overlayFade = (0, _utils.cn)(fadeFromClassName, 'to-transparent');
+  const overlayAxisSize = resolvedOrientation === 'horizontal' ? {
+    width: size
+  } : {
+    height: size
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    className: (0, _utils.cn)((0, _styles.scrollShadowContainerVariants)(), className),
+    style: style,
+    children: [/*#__PURE__*/(0, _react.cloneElement)(child, {
+      className: (0, _utils.cn)((0, _styles.scrollShadowVariants)({
+        hideScrollBar
+      }), child.props.className),
+      onContentSizeChange: (width, height) => {
+        handleContentSizeChange(width, height);
+        child.props.onContentSizeChange?.(width, height);
+      },
+      onLayout: event => {
+        handleLayout(event);
+        child.props.onLayout?.(event);
+      },
+      onScroll: event => {
+        handleScroll(event);
+        child.props.onScroll?.(event);
+      },
+      style: _reactNative.StyleSheet.flatten([child.props.style])
+    }), capability.canScrollBefore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      className: (0, _utils.cn)((0, _styles.scrollShadowOverlayVariants)({
+        orientation: resolvedOrientation,
+        edge: 'start'
+      }), overlayFade),
+      style: overlayAxisSize
+    }) : null, capability.canScrollAfter ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      className: (0, _utils.cn)((0, _styles.scrollShadowOverlayVariants)({
+        orientation: resolvedOrientation,
+        edge: 'end'
+      }), overlayFade),
+      style: overlayAxisSize
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/ScrollShadow/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_styles","_useScrollShadow","_jsxRuntime","ScrollShadow","children","className","fadeFromClassName","hideScrollBar","orientation","offset","onCapabilityChange","size","style","resolvedOrientation","child","Children","only","isValidElement","Error","capability","handleContentSizeChange","handleLayout","handleScroll","useScrollShadow","overlayFade","cn","overlayAxisSize","width","height","jsxs","View","scrollShadowContainerVariants","cloneElement","scrollShadowVariants","props","onContentSizeChange","onLayout","event","onScroll","StyleSheet","flatten","canScrollBefore","jsx","pointerEvents","scrollShadowOverlayVariants","edge","canScrollAfter"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ScrollShadow/styles.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.scrollShadowVariants = exports.scrollShadowOverlayVariants = exports.scrollShadowContainerVariants = void 0;
+var _utils = require("@cdx-ui/utils");
+const scrollShadowVariants = exports.scrollShadowVariants = (0, _utils.cva)([], {
+  variants: {
+    orientation: {
+      horizontal: '',
+      vertical: ''
+    },
+    hideScrollBar: {
+      true: 'web:[scrollbar-width:none] web:[&::-webkit-scrollbar]:hidden',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    orientation: 'horizontal',
+    hideScrollBar: false
+  }
+});
+const scrollShadowContainerVariants = exports.scrollShadowContainerVariants = (0, _utils.cva)('relative min-w-0 w-full');
+const scrollShadowOverlayVariants = exports.scrollShadowOverlayVariants = (0, _utils.cva)('pointer-events-none absolute z-10', {
+  variants: {
+    orientation: {
+      horizontal: '',
+      vertical: ''
+    },
+    edge: {
+      start: '',
+      end: ''
+    }
+  },
+  compoundVariants: [{
+    orientation: 'horizontal',
+    edge: 'start',
+    className: 'left-0 top-0 bottom-0 bg-gradient-to-r'
+  }, {
+    orientation: 'horizontal',
+    edge: 'end',
+    className: 'right-0 top-0 bottom-0 bg-gradient-to-l'
+  }, {
+    orientation: 'vertical',
+    edge: 'start',
+    className: 'left-0 right-0 top-0 bg-gradient-to-b'
+  }, {
+    orientation: 'vertical',
+    edge: 'end',
+    className: 'left-0 right-0 bottom-0 bg-gradient-to-t'
+  }]
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/components/ScrollShadow/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","scrollShadowVariants","exports","cva","variants","orientation","horizontal","vertical","hideScrollBar","true","false","defaultVariants","scrollShadowContainerVariants","scrollShadowOverlayVariants","edge","start","end","compoundVariants","className"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,UAAG,EAAC,EAAE,EAAE;EAC1CC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAE;IACZ,CAAC;IACDC,aAAa,EAAE;MACbC,IAAI,EAAE,8DAA8D;MACpEC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,WAAW,EAAE,YAAY;IACzBG,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEK,MAAMI,6BAA6B,GAAAV,OAAA,CAAAU,6BAAA,GAAG,IAAAT,UAAG,EAAC,yBAAyB,CAAC;AAEpE,MAAMU,2BAA2B,GAAAX,OAAA,CAAAW,2BAAA,GAAG,IAAAV,UAAG,EAAC,mCAAmC,EAAE;EAClFC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAE;IACZ,CAAC;IACDO,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,gBAAgB,EAAE,CAChB;IACEZ,WAAW,EAAE,YAAY;IACzBS,IAAI,EAAE,OAAO;IACbI,SAAS,EAAE;EACb,CAAC,EACD;IACEb,WAAW,EAAE,YAAY;IACzBS,IAAI,EAAE,KAAK;IACXI,SAAS,EAAE;EACb,CAAC,EACD;IACEb,WAAW,EAAE,UAAU;IACvBS,IAAI,EAAE,OAAO;IACbI,SAAS,EAAE;EACb,CAAC,EACD;IACEb,WAAW,EAAE,UAAU;IACvBS,IAAI,EAAE,KAAK;IACXI,SAAS,EAAE;EACb,CAAC;AAEL,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/ScrollShadow/useScrollShadow.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollShadow = useScrollShadow;
+var _react = require("react");
+const INITIAL_METRICS = {
+  scrollOffset: 0,
+  viewportSize: 0,
+  contentSize: 0
+};
+function getScrollCapability(metrics, offset) {
+  const {
+    scrollOffset,
+    viewportSize,
+    contentSize
+  } = metrics;
+  if (viewportSize <= 0 || contentSize <= viewportSize) {
+    return {
+      canScrollBefore: false,
+      canScrollAfter: false
+    };
+  }
+  return {
+    canScrollBefore: scrollOffset > offset,
+    canScrollAfter: scrollOffset + viewportSize + offset < contentSize
+  };
+}
+function useScrollShadow({
+  orientation = 'horizontal',
+  offset = 0,
+  onCapabilityChange
+} = {}) {
+  const metricsRef = (0, _react.useRef)(INITIAL_METRICS);
+  const [capability, setCapability] = (0, _react.useState)({
+    canScrollBefore: false,
+    canScrollAfter: false
+  });
+  const updateCapability = (0, _react.useCallback)(() => {
+    const nextCapability = getScrollCapability(metricsRef.current, offset);
+    setCapability(prev => {
+      if (prev.canScrollBefore === nextCapability.canScrollBefore && prev.canScrollAfter === nextCapability.canScrollAfter) {
+        return prev;
+      }
+      onCapabilityChange?.(nextCapability);
+      return nextCapability;
+    });
+  }, [offset, onCapabilityChange]);
+  (0, _react.useEffect)(() => {
+    updateCapability();
+  }, [updateCapability]);
+  const handleLayout = (0, _react.useCallback)(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    metricsRef.current.viewportSize = orientation === 'vertical' ? height : width;
+    updateCapability();
+  }, [orientation, updateCapability]);
+  const handleContentSizeChange = (0, _react.useCallback)((width, height) => {
+    metricsRef.current.contentSize = orientation === 'vertical' ? height : width;
+    updateCapability();
+  }, [orientation, updateCapability]);
+  const handleScroll = (0, _react.useCallback)(event => {
+    const {
+      contentOffset,
+      layoutMeasurement,
+      contentSize
+    } = event.nativeEvent;
+    metricsRef.current.scrollOffset = orientation === 'vertical' ? contentOffset.y : contentOffset.x;
+    metricsRef.current.viewportSize = orientation === 'vertical' ? layoutMeasurement.height : layoutMeasurement.width;
+    metricsRef.current.contentSize = orientation === 'vertical' ? contentSize.height : contentSize.width;
+    updateCapability();
+  }, [orientation, updateCapability]);
+  return {
+    capability,
+    handleLayout,
+    handleContentSizeChange,
+    handleScroll
+  };
+}
+//# sourceMappingURL=useScrollShadow.js.map

package/lib/commonjs/components/ScrollShadow/useScrollShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","INITIAL_METRICS","scrollOffset","viewportSize","contentSize","getScrollCapability","metrics","offset","canScrollBefore","canScrollAfter","useScrollShadow","orientation","onCapabilityChange","metricsRef","useRef","capability","setCapability","useState","updateCapability","useCallback","nextCapability","current","prev","useEffect","handleLayout","event","width","height","nativeEvent","layout","handleContentSizeChange","handleScroll","contentOffset","layoutMeasurement","y","x"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/useScrollShadow.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Select/index.js

@@ -10,11 +10,14 @@ var _icons = require("@cdx-ui/icons");
 var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
 var _Icon = require("../Icon");
+var _Menu = require("../Menu");
+var _styles = require("../Menu/styles");
 var _positionToDataIcon = require("../../utils/positionToDataIcon");
-var _styles = require("./styles");
+var _styles2 = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
 const SCOPE = 'SELECT';
 const useSelectStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const toMenuItemSize = size => size === 'small' ? 'small' : 'default';
 
 // =============================================================================
 // STYLED ROOT
@@ -58,6 +61,7 @@ SelectRoot.displayName = 'Select';
 
 const SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
   asChild,
+  indicator,
   className,
   children,
   style,
@@ -70,10 +74,14 @@ const SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
     variant,
     size
   } = useSelectStyleContext();
-  const computedClassName = asChild ? className : (0, _utils.cn)((0, _styles.selectTriggerVariants)({
+  const computedClassName = asChild ? className : (0, _utils.cn)((0, _styles2.selectTriggerVariants)({
     variant,
     size
   }), className);
+  const triggerIndicator = indicator === undefined ? asChild ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectIcon, {
+    as: open ? _icons.KeyboardArrowUp : _icons.KeyboardArrowDown
+  }) : indicator;
+  const triggerChildren = asChild && triggerIndicator !== undefined && /*#__PURE__*/(0, _react.isValidElement)(children) ? /*#__PURE__*/(0, _react.cloneElement)(children, undefined, children.props.children, triggerIndicator) : children;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectTrigger, {
     ref: ref,
     asChild: asChild,
@@ -83,10 +91,8 @@ const SelectTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
     ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
       slot: 'select-trigger'
     })),
-    children: asChild ? children : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectIcon, {
-        as: open ? _icons.KeyboardArrowUp : _icons.KeyboardArrowDown
-      })]
+    children: asChild ? triggerChildren : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [children, triggerIndicator]
     })
   });
 });
@@ -115,7 +121,7 @@ const SelectValue = /*#__PURE__*/(0, _react.forwardRef)(({
   const hasValue = value !== undefined && value !== '';
   const showPlaceholder = !hasValue;
   const displayText = hasValue ? items.find(item => item.value === value)?.label : placeholder;
-  const computedClassName = (0, _utils.cn)((0, _styles.selectValueVariants)({
+  const computedClassName = (0, _utils.cn)((0, _styles2.selectValueVariants)({
     size
   }), className);
   const Comp = asChild ? _primitives.Slot : _reactNative.Text;
@@ -152,7 +158,7 @@ const SelectIcon = ({
   const {
     invalid
   } = (0, _primitives.useSelectContext)();
-  const computedClassName = (0, _utils.cn)((0, _styles.selectIconVariants)({
+  const computedClassName = (0, _utils.cn)((0, _styles2.selectIconVariants)({
     size
   }), className);
   const slotData = (0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
@@ -181,62 +187,94 @@ const SelectIcon = ({
 SelectIcon.displayName = 'Select.Icon';
 
 // =============================================================================
-// STYLED CONTENT
+// STYLED CONTENT — composes Menu surface (listbox semantics stay on primitive)
 // =============================================================================
 
 const SelectContent = /*#__PURE__*/(0, _react.forwardRef)(({
   asChild,
   className,
   style,
+  children,
   ...props
 }, ref) => {
-  const computedClassName = (0, _utils.cn)((0, _styles.selectContentVariants)(), className);
+  if (asChild) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectContent, {
+      ref: ref,
+      asChild: true,
+      className: className,
+      style: style,
+      ...props,
+      ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+        slot: 'select-content'
+      })),
+      children: children
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectContent, {
     ref: ref,
-    asChild: asChild,
-    className: computedClassName,
+    asChild: true,
     style: style,
     ...props,
     ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
       slot: 'select-content'
-    }))
+    })),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu.Content, {
+      asSurface: true,
+      scrollable: true,
+      className: className,
+      children: children
+    })
   });
 });
 SelectContent.displayName = 'Select.Content';
 
 // =============================================================================
-// STYLED ITEM
+// STYLED ITEM — composes Menu item visuals (option semantics stay on primitive)
 // =============================================================================
 
 const SelectItem = /*#__PURE__*/(0, _react.forwardRef)(({
   asChild,
+  indicator,
   className,
   children,
   style,
+  value: itemValue,
   ...props
 }, ref) => {
   const {
     size
   } = useSelectStyleContext();
-  const computedClassName = (0, _utils.cn)((0, _styles.selectItemVariants)({
-    size
+  const {
+    value: selectedValue
+  } = (0, _primitives.useSelectContext)();
+  const menuSize = toMenuItemSize(size);
+  const checked = selectedValue === itemValue;
+  const computedClassName = (0, _utils.cn)((0, _styles.menuItemVariants)({
+    size: menuSize
   }), className);
+  const selectedIndicator = indicator === undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu.ItemIndicator, {
+    isChecked: checked
+  }) : checked ? indicator : null;
+  const itemChildren = asChild ? /*#__PURE__*/(0, _react.isValidElement)(children) ? (/*#__PURE__*/(0, _react.cloneElement)(children, undefined, children.props.children, selectedIndicator)) : children : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [children, selectedIndicator]
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SelectItem, {
     ref: ref,
     asChild: asChild,
+    value: itemValue,
     className: computedClassName,
     style: style,
     ...props,
     ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
       slot: 'select-item'
     })),
-    children: children
+    children: itemChildren
   });
 });
 SelectItem.displayName = 'Select.Item';
 
 // =============================================================================
-// STYLED ITEM LABEL (styled-only, reads item context for checked state)
+// STYLED ITEM LABEL — composes Menu.ItemLabel
 // =============================================================================
 
 const SelectItemLabel = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -252,19 +290,21 @@ const SelectItemLabel = /*#__PURE__*/(0, _react.forwardRef)(({
   const {
     checked
   } = (0, _primitives.useSelectItemContext)();
-  const computedClassName = (0, _utils.cn)((0, _styles.selectItemLabelVariants)({
-    size
-  }), className);
-  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+  const menuSize = toMenuItemSize(size);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.Menu.ItemLabel, {
     ref: ref,
-    className: computedClassName,
+    asChild: asChild,
+    isChecked: checked,
+    size: menuSize,
+    className: (0, _utils.cn)((0, _styles.menuItemLabelVariants)({
+      size: menuSize
+    }), className),
     style: style,
     ...props,
-    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    ...(0, _primitives.mergeDataAttributes)((0, _primitives.dataAttributes)({
       slot: 'select-item-label',
       state: checked ? 'checked' : 'unchecked'
-    })),
+    }), props),
     children: children
   });
 });