@cdx-ui/components 0.0.1-beta.17 → 0.0.1-beta.171

package/lib/module/components/Radio/index.js

@@ -1,57 +1,15 @@
 "use strict";
 
 import { forwardRef } from 'react';
-import { Pressable, Text, View } from 'react-native';
-import { createRadio, dataAttributes } from '@cdx-ui/primitives';
+import { Text, View } from 'react-native';
+import { RadioRoot as RadioRootPrimitive, RadioGroup as RadioGroupPrimitive, Slot, dataAttributes, mergeDataAttributes, useRadioContext } from '@cdx-ui/primitives';
 import { cn } from '@cdx-ui/utils';
 import { radioGroupVariants, radioIndicatorVariants, radioInnerDotVariants, radioLabelVariants, radioRootVariants } from './styles';
 
-// =============================================================================
-// STYLED INDICATOR BASE
-// =============================================================================
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const RadioIndicatorBase = /*#__PURE__*/forwardRef(({
-  className,
-  children,
-  style,
-  ...props
-}, ref) => {
-  // On web, data attributes arrive as `dataSet: { checked: true }`.
-  // On native, they arrive as individual `data-checked: "true"` props.
-  const ds = props.dataSet;
-  const isChecked = ds ? ds.checked === true : props['data-checked'] === 'true';
-  const isInvalid = ds ? ds.invalid === true : props['data-invalid'] === 'true';
-  return /*#__PURE__*/_jsxs(View, {
-    ref: ref,
-    className: cn(radioIndicatorVariants(), className),
-    style: style,
-    ...props,
-    children: [/*#__PURE__*/_jsx(View, {
-      className: cn(radioInnerDotVariants()),
-      ...dataAttributes({
-        checked: isChecked,
-        invalid: isInvalid
-      })
-    }), children]
-  });
-});
-RadioIndicatorBase.displayName = 'Radio.IndicatorBase';
-
-// =============================================================================
-// PRIMITIVE ASSEMBLY
-// =============================================================================
-
-const RadioPrimitive = createRadio({
-  Root: Pressable,
-  Indicator: RadioIndicatorBase,
-  Label: Text,
-  Group: View
-});
-
 // =============================================================================
 // RADIO ROOT
 // =============================================================================
-
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const RadioRoot = /*#__PURE__*/forwardRef(({
   className,
   children,
@@ -59,59 +17,111 @@ const RadioRoot = /*#__PURE__*/forwardRef(({
   ...props
 }, ref) => {
   const computedClassName = cn(radioRootVariants(), className);
-  return /*#__PURE__*/_jsx(RadioPrimitive, {
+  return /*#__PURE__*/_jsxs(RadioRootPrimitive, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
-    children: children
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'radio'
+    })),
+    children: [/*#__PURE__*/_jsx(RadioIndicator, {}), children]
   });
 });
 RadioRoot.displayName = 'Radio';
 
 // =============================================================================
-// RADIO INDICATOR
+// RADIO INDICATOR (styled-only, reads context for data-* styling)
 // =============================================================================
 
+/** Compound checked × invalid × active state for native Uniwind selectors (single data-field-state). */
+const INDICATOR_STATES = {
+  'unchecked:false:false': 'idle',
+  'unchecked:true:false': 'invalid',
+  'unchecked:false:true': 'active',
+  'unchecked:true:true': 'invalid-active',
+  'checked:false:false': 'checked',
+  'checked:true:false': 'checked-invalid',
+  'checked:false:true': 'checked-active',
+  'checked:true:true': 'checked-invalid-active'
+};
 const RadioIndicator = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
-  return /*#__PURE__*/_jsx(RadioPrimitive.Indicator, {
+  const {
+    isChecked,
+    isDisabled,
+    isHovered,
+    isInvalid,
+    isReadOnly,
+    isPressed,
+    isFocusVisible
+  } = useRadioContext();
+  const checkState = isChecked ? 'checked' : 'unchecked';
+  const fieldState = INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
+  const computedClassName = cn(radioIndicatorVariants(), className);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsxs(Comp, {
     ref: ref,
-    className: className,
+    className: computedClassName,
     style: style,
     ...props,
-    children: children
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'radio-indicator',
+      hover: isHovered,
+      checked: isChecked,
+      disabled: isDisabled,
+      focusVisible: isFocusVisible,
+      invalid: isInvalid,
+      readonly: isReadOnly,
+      active: isPressed,
+      fieldState
+    })),
+    children: [/*#__PURE__*/_jsx(View, {
+      className: cn(radioInnerDotVariants()),
+      ...dataAttributes({
+        checked: isChecked,
+        invalid: isInvalid,
+        hover: isHovered,
+        fieldState
+      })
+    }), children]
   });
 });
 RadioIndicator.displayName = 'Radio.Indicator';
 
 // =============================================================================
-// RADIO LABEL
+// RADIO LABEL (styled-only)
 // =============================================================================
 
 const RadioLabel = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = cn(radioLabelVariants(), className);
-  return /*#__PURE__*/_jsx(RadioPrimitive.Label, {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'radio-label'
+    })),
     children: children
   });
 });
 RadioLabel.displayName = 'Radio.Label';
 
 // =============================================================================
-// RADIO GROUP
+// RADIO GROUP (wraps the primitive)
 // =============================================================================
 
 const RadioGroup = /*#__PURE__*/forwardRef(({
@@ -132,7 +142,7 @@ const RadioGroup = /*#__PURE__*/forwardRef(({
   const computedClassName = cn(radioGroupVariants({
     direction
   }), className);
-  return /*#__PURE__*/_jsx(RadioPrimitive.Group, {
+  return /*#__PURE__*/_jsx(RadioGroupPrimitive, {
     ref: ref,
     className: computedClassName,
     style: style,
@@ -144,7 +154,11 @@ const RadioGroup = /*#__PURE__*/forwardRef(({
     isRequired: isRequired,
     isReadOnly: isReadOnly,
     name: name,
+    direction: direction,
     ...viewProps,
+    ...mergeDataAttributes(viewProps, dataAttributes({
+      slot: 'radio-group'
+    })),
     children: children
   });
 });

package/lib/module/components/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","Pressable","Text","View","createRadio","dataAttributes","cn","radioGroupVariants","radioIndicatorVariants","radioInnerDotVariants","radioLabelVariants","radioRootVariants","jsx","_jsx","jsxs","_jsxs","RadioIndicatorBase","className","children","style","props","ref","ds","dataSet","isChecked","checked","isInvalid","invalid","displayName","RadioPrimitive","Root","Indicator","Label","Group","RadioRoot","computedClassName","RadioIndicator","RadioLabel","RadioGroup","direction","value","defaultValue","onChange","isDisabled","isRequired","isReadOnly","name","viewProps","Radio","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","Text","View","RadioRoot","RadioRootPrimitive","RadioGroup","RadioGroupPrimitive","Slot","dataAttributes","mergeDataAttributes","useRadioContext","cn","radioGroupVariants","radioIndicatorVariants","radioInnerDotVariants","radioLabelVariants","radioRootVariants","jsx","_jsx","jsxs","_jsxs","className","children","style","props","ref","computedClassName","slot","RadioIndicator","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","checkState","fieldState","Comp","hover","checked","disabled","focusVisible","invalid","readonly","active","RadioLabel","direction","value","defaultValue","onChange","isRequired","name","viewProps","Radio","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Radio/styles.js

@@ -1,17 +1,32 @@
 "use strict";
 
 import { Platform } from 'react-native';
-import { cva } from 'class-variance-authority';
-import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/primitives';
-
-// TODO: Add hover, active, and focus-visible styles based on Figma
-
-export const radioRootVariants = cva(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR]);
-export const radioIndicatorVariants = cva(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', 'border-stroke-primary', 'data-[checked=false]:border-slate-300', 'bg-surface-primary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', 'data-[checked=true]:data-[invalid=true]:border-stroke-danger', Platform.select({
-  web: [TRANSITION_COLORS, 'data-[hover=true]:data-[checked=false]:border-slate-400', 'data-[hover=true]:data-[checked=false]:bg-slate-50', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-offset-2', 'web:data-[focus-visible=true]:data-[checked=false]:ring-slate-400/50', 'web:data-[focus-visible=true]:data-[checked=true]:ring-stroke-focus', 'data-[invalid=true]:data-[hover=true]:border-stroke-danger', 'web:data-[invalid=true]:data-[focus-visible=true]:ring-stroke-danger'].join(' '),
-  default: ''
+import { cva } from '@cdx-ui/utils';
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+export const radioRootVariants = cva(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR,
+// Suppress default :focus-visible outline on the role="radio" Pressable;
+// focus ring is drawn on the indicator instead of wrapping the whole control.
+'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
+export const radioIndicatorVariants = cva(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', 'bg-surface-primary', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', Platform.select({
+  web: [TRANSITION_COLORS, 'group',
+  // Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
+  'data-[hover=true]:data-[checked=false]:bg-content-secondary/[0.08]',
+  // Hover — unchecked + invalid (overlay uses danger token)
+  'data-[hover=true]:data-[invalid=true]:data-[checked=false]:bg-surface-danger-strong/[0.08]', 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover',
+  // Active — CSS :active (web root does not track press via data-active).
+  // data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
+  'web:active:data-[hover=true]:data-[checked=false]:border-stroke-hover', 'web:active:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-surface-danger-strong-active', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
+  default: [
+  // Native: Uniwind only evaluates the last data-[] condition in a compound chain.
+  // Use single-condition data-[field-state=...] selectors (emitted by RadioIndicator).
+  'data-[field-state=active]:border-stroke-hover', 'data-[field-state=invalid-active]:border-surface-danger-strong-active', 'data-[field-state=checked-active]:border-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:border-surface-danger-strong-active'].join(' ')
+})]);
+export const radioInnerDotVariants = cva(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', Platform.select({
+  web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover',
+  // Active via group-active on indicator (inner dot is not the :active target).
+  'web:group-active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:group-active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active'].join(' '),
+  default: ['data-[field-state=checked-active]:bg-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:bg-surface-danger-strong-active'].join(' ')
 })]);
-export const radioInnerDotVariants = cva(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong']);
 export const radioLabelVariants = cva(['body-md', 'text-content-primary']);
 export const radioGroupVariants = cva([], {
   variants: {

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

@@ -1 +1 @@
-{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","radioRootVariants","radioIndicatorVariants","select","web","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,yBAAyB;;AAE5E;;AAEA,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,eAAe,CAChB,CAAC;AAEF,OAAO,MAAMG,sBAAsB,GAAGJ,GAAG,CAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,uBAAuB,EACvB,uCAAuC,EACvC,oBAAoB,EACpB,0CAA0C,EAC1C,0CAA0C,EAC1C,8DAA8D,EAC9DD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACHJ,iBAAiB,EACjB,yDAAyD,EACzD,oDAAoD,EACpD,4CAA4C,EAC5C,kFAAkF,EAClF,sEAAsE,EACtE,qEAAqE,EACrE,4DAA4D,EAC5D,sEAAsE,CACvE,CAACK,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMC,qBAAqB,GAAGT,GAAG,CAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,CAC/C,CAAC;AAEF,OAAO,MAAMU,kBAAkB,GAAGV,GAAG,CAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAE1E,OAAO,MAAMW,kBAAkB,GAAGX,GAAG,CAAC,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":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","radioRootVariants","radioIndicatorVariants","select","web","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,eAAe;AACf;AACA;AACA,wEAAwE,CACzE,CAAC;AAEF,OAAO,MAAMG,sBAAsB,GAAGJ,GAAG,CAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1CD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACHJ,iBAAiB,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,CAACK,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;AAEF,OAAO,MAAME,qBAAqB,GAAGT,GAAG,CAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE;EACtE;EACA,wFAAwF,EACxF,4GAA4G,CAC7G,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE,CACP,mEAAmE,EACnE,2EAA2E,CAC5E,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMG,kBAAkB,GAAGV,GAAG,CAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAE1E,OAAO,MAAMW,kBAAkB,GAAGX,GAAG,CAAC,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/module/components/RangeCalendar/index.js

@@ -0,0 +1,161 @@
+"use strict";
+
+import { forwardRef, useCallback, useId, useMemo } from 'react';
+import { View } from 'react-native';
+import { Calendar as FlashCalendar } from '@marceloterreiro/flash-calendar';
+import { dataAttributes, mergeDataAttributes, RangeCalendarRoot as RangeCalendarRootPrimitive, useRangeCalendarContext } from '@cdx-ui/primitives';
+import { cn } from '@cdx-ui/utils';
+import { CalendarMonthHeader } from '../Calendar/CalendarMonthHeader';
+import { CalendarYearPickerGrid } from '../Calendar/CalendarYearPickerGrid';
+import { FLASH_CALENDAR_DAY_HEIGHT, FLASH_CALENDAR_RANGE_DAY_SPACING, formatFlashCalendarWeekdayShort, toCalendarDateId, useFlashCalendarRangeTheme } from '../Calendar/flashCalendarAdapter';
+import { calendarRootVariants } from '../Calendar/styles';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function RangeCalendarDefaultBody() {
+  const {
+    view
+  } = useRangeCalendarContext();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RangeCalendarHeader, {}), view === 'year' ? /*#__PURE__*/_jsx(RangeCalendarYearPicker, {}) : /*#__PURE__*/_jsx(RangeCalendarGrid, {})]
+  });
+}
+const RangeCalendarRoot = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(RangeCalendarRootPrimitive, {
+  ref: ref,
+  className: cn(calendarRootVariants(), className),
+  style: style,
+  ...props,
+  ...mergeDataAttributes(props, dataAttributes({
+    slot: 'range-calendar'
+  })),
+  children: children ?? /*#__PURE__*/_jsx(RangeCalendarDefaultBody, {})
+}));
+RangeCalendarRoot.displayName = 'RangeCalendar';
+const RangeCalendarHeader = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    monthId,
+    onMonthIdChange,
+    disabled,
+    view,
+    setView,
+    locale,
+    labels
+  } = useRangeCalendarContext();
+  return /*#__PURE__*/_jsx(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__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    monthId,
+    onMonthIdChange,
+    disabled,
+    setView,
+    labels
+  } = useRangeCalendarContext();
+  return /*#__PURE__*/_jsx(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__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    startId,
+    endId,
+    monthId,
+    minValue,
+    maxValue,
+    disabled,
+    onDayPress,
+    locale
+  } = useRangeCalendarContext();
+  const instanceId = useId();
+  const theme = useFlashCalendarRangeTheme({
+    startId,
+    endId
+  });
+  const formatWeekday = useCallback(date => formatFlashCalendarWeekdayShort(date, locale), [locale]);
+  const activeRanges = useMemo(() => {
+    if (startId && endId) {
+      return [{
+        startId,
+        endId
+      }];
+    }
+    if (startId) {
+      return [{
+        startId,
+        endId: startId
+      }];
+    }
+    return [];
+  }, [endId, startId]);
+  const handleDayPress = useCallback(dateId => {
+    if (!disabled) {
+      onDayPress(toCalendarDateId(dateId));
+    }
+  }, [disabled, onDayPress]);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: className,
+    style: style,
+    ...props,
+    children: /*#__PURE__*/_jsx(FlashCalendar, {
+      calendarInstanceId: instanceId,
+      calendarMonthId: monthId,
+      calendarActiveDateRanges: activeRanges,
+      calendarMinDateId: minValue,
+      calendarMaxDateId: maxValue,
+      calendarMonthHeaderHeight: 0,
+      calendarDayHeight: FLASH_CALENDAR_DAY_HEIGHT,
+      calendarWeekHeaderHeight: 28,
+      calendarRowVerticalSpacing: 4,
+      calendarRowHorizontalSpacing: FLASH_CALENDAR_RANGE_DAY_SPACING,
+      getCalendarMonthFormat: () => '',
+      getCalendarWeekDayFormat: formatWeekday,
+      onCalendarDayPress: handleDayPress,
+      theme: theme
+    })
+  });
+});
+RangeCalendarGrid.displayName = 'RangeCalendar.Grid';
+export const RangeCalendar = Object.assign(RangeCalendarRoot, {
+  Header: RangeCalendarHeader,
+  Grid: RangeCalendarGrid,
+  YearPicker: RangeCalendarYearPicker
+});
+//# sourceMappingURL=index.js.map

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

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

package/lib/module/components/ScopedTheme/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { ScopedTheme as UniwindScopedTheme } from 'uniwind';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Forces a specific theme on a component subtree, regardless of the application's
+ * global theme. Useful for marketing heroes, embedded widgets, or preview surfaces
+ * that must render in a fixed mode.
+ *
+ * Wraps Uniwind's `ScopedTheme` to keep `uniwind` an internal implementation detail.
+ *
+ * Web requires `@custom-variant dark (&:where(.dark, .dark *));` in the consuming
+ * app's `global.css`. See the Storybook story (`Theming/ScopedTheme`) for the full
+ * mechanism, light-vs-dark asymmetry, and dynamic-switch caveat.
+ */
+export const ScopedTheme = props => /*#__PURE__*/_jsx(UniwindScopedTheme, {
+  ...props
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/ScopedTheme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScopedTheme","UniwindScopedTheme","jsx","_jsx","props"],"sourceRoot":"../../../../src","sources":["components/ScopedTheme/index.tsx"],"mappings":";;AACA,SAASA,WAAW,IAAIC,kBAAkB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMH,WAAW,GAAII,KAAuB,iBAAKD,IAAA,CAACF,kBAAkB;EAAA,GAAKG;AAAK,CAAG,CAAC","ignoreList":[]}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+import { Children, cloneElement, isValidElement } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { cn } from '@cdx-ui/utils';
+import { scrollShadowContainerVariants, scrollShadowOverlayVariants, scrollShadowVariants } from './styles';
+import { useScrollShadow } from './useScrollShadow';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ScrollShadow({
+  children,
+  className,
+  fadeFromClassName = 'from-background/35',
+  hideScrollBar = false,
+  orientation = 'horizontal',
+  offset = 0,
+  onCapabilityChange,
+  size = 64,
+  style
+}) {
+  const resolvedOrientation = orientation ?? 'horizontal';
+  const child = Children.only(children);
+  if (! /*#__PURE__*/isValidElement(child)) {
+    throw new Error('ScrollShadow expects a single React element child.');
+  }
+  const {
+    capability,
+    handleContentSizeChange,
+    handleLayout,
+    handleScroll
+  } = useScrollShadow({
+    offset,
+    onCapabilityChange,
+    orientation: resolvedOrientation
+  });
+  const overlayFade = cn(fadeFromClassName, 'to-transparent');
+  const overlayAxisSize = resolvedOrientation === 'horizontal' ? {
+    width: size
+  } : {
+    height: size
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn(scrollShadowContainerVariants(), className),
+    style: style,
+    children: [/*#__PURE__*/cloneElement(child, {
+      className: cn(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: StyleSheet.flatten([child.props.style])
+    }), capability.canScrollBefore ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      className: cn(scrollShadowOverlayVariants({
+        orientation: resolvedOrientation,
+        edge: 'start'
+      }), overlayFade),
+      style: overlayAxisSize
+    }) : null, capability.canScrollAfter ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      className: cn(scrollShadowOverlayVariants({
+        orientation: resolvedOrientation,
+        edge: 'end'
+      }), overlayFade),
+      style: overlayAxisSize
+    }) : null]
+  });
+}
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,50 @@
+"use strict";
+
+import { cva } from '@cdx-ui/utils';
+export const scrollShadowVariants = cva([], {
+  variants: {
+    orientation: {
+      horizontal: '',
+      vertical: ''
+    },
+    hideScrollBar: {
+      true: 'web:[scrollbar-width:none] web:[&::-webkit-scrollbar]:hidden',
+      false: ''
+    }
+  },
+  defaultVariants: {
+    orientation: 'horizontal',
+    hideScrollBar: false
+  }
+});
+export const scrollShadowContainerVariants = cva('relative min-w-0 w-full');
+export const scrollShadowOverlayVariants = 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/module/components/ScrollShadow/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cva","scrollShadowVariants","variants","orientation","horizontal","vertical","hideScrollBar","true","false","defaultVariants","scrollShadowContainerVariants","scrollShadowOverlayVariants","edge","start","end","compoundVariants","className"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,oBAAoB,GAAGD,GAAG,CAAC,EAAE,EAAE;EAC1CE,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;AAEF,OAAO,MAAMI,6BAA6B,GAAGV,GAAG,CAAC,yBAAyB,CAAC;AAE3E,OAAO,MAAMW,2BAA2B,GAAGX,GAAG,CAAC,mCAAmC,EAAE;EAClFE,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":[]}