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

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

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QuickActionButton = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+// =============================================================================
+// ROOT
+// =============================================================================
+
+const QuickActionButtonRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  accessibilityRole = 'button',
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.ButtonRoot, {
+  ref: ref,
+  accessibilityRole: accessibilityRole,
+  className: (0, _utils.cn)((0, _styles.quickActionButtonRootVariants)(), className),
+  style: style,
+  ...props,
+  ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+    slot: 'quick-action-button'
+  })),
+  children: children
+}));
+QuickActionButtonRoot.displayName = 'QuickActionButton';
+
+// =============================================================================
+// INDICATOR
+// Circular container. Auto-rendered by `QuickActionButton.Icon` in standard usage.
+// Exposed as a compound member for Code Connect parity and custom compositions.
+// =============================================================================
+
+const QuickActionButtonIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    hover,
+    focus,
+    active,
+    disabled,
+    focusVisible
+  } = (0, _primitives.useButtonContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: (0, _utils.cn)((0, _styles.quickActionButtonIndicatorVariants)(), className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'quick-action-button-indicator',
+      hover,
+      focus,
+      active,
+      disabled,
+      focusVisible
+    })),
+    children: children
+  });
+});
+QuickActionButtonIndicator.displayName = 'QuickActionButton.Indicator';
+
+// =============================================================================
+// ICON
+// Renders the Indicator circle + icon glyph as one convenient sub-component.
+// This is the primary way consumers add the icon to a QuickActionButton.
+// =============================================================================
+
+function QuickActionButtonIcon({
+  as: IconComponent,
+  className,
+  indicatorClassName
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(QuickActionButtonIndicator, {
+    className: indicatorClassName,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: IconComponent,
+      className: (0, _utils.cn)((0, _styles.quickActionButtonGlyphVariants)(), className)
+    })
+  });
+}
+QuickActionButtonIcon.displayName = 'QuickActionButton.Icon';
+
+// =============================================================================
+// LABEL
+// =============================================================================
+
+const QuickActionButtonLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    disabled
+  } = (0, _primitives.useButtonContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    ref: ref,
+    numberOfLines: 2,
+    ellipsizeMode: "tail",
+    className: (0, _utils.cn)((0, _styles.quickActionButtonLabelVariants)(), className),
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'quick-action-button-label',
+      disabled
+    })),
+    children: children
+  });
+});
+QuickActionButtonLabel.displayName = 'QuickActionButton.Label';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+const QuickActionButton = exports.QuickActionButton = Object.assign(QuickActionButtonRoot, {
+  Indicator: QuickActionButtonIndicator,
+  Icon: QuickActionButtonIcon,
+  Label: QuickActionButtonLabel
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","QuickActionButtonRoot","forwardRef","className","style","children","accessibilityRole","props","ref","jsx","ButtonRoot","cn","quickActionButtonRootVariants","mergeDataAttributes","dataAttributes","slot","displayName","QuickActionButtonIndicator","hover","focus","active","disabled","focusVisible","useButtonContext","View","quickActionButtonIndicatorVariants","QuickActionButtonIcon","as","IconComponent","indicatorClassName","Icon","quickActionButtonGlyphVariants","QuickActionButtonLabel","Text","numberOfLines","ellipsizeMode","quickActionButtonLabelVariants","QuickActionButton","exports","Object","assign","Indicator","Label"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.quickActionButtonRootVariants = exports.quickActionButtonLabelVariants = exports.quickActionButtonIndicatorVariants = exports.quickActionButtonGlyphVariants = void 0;
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+const quickActionButtonRootVariants = exports.quickActionButtonRootVariants = (0, _utils.cva)(['flex flex-col items-center gap-2', 'min-w-[60px] max-w-20', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', _constants.DISABLED_CURSOR]);
+const quickActionButtonIndicatorVariants = exports.quickActionButtonIndicatorVariants = (0, _utils.cva)(['flex items-center justify-center shrink-0', 'h-[60px] w-[60px] min-h-[60px] min-w-[60px] p-2', 'rounded-[var(--border-radius-round)]', 'border border-stroke-secondary', 'bg-surface-primary', 'overflow-hidden', _constants.TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _reactNative.Platform.select({
+  default: 'data-[active=true]:bg-surface-primary-active',
+  web: ['data-[hover=true]:bg-surface-primary-hover', 'data-[active=true]:data-[hover=true]:bg-surface-secondary-active', 'web:data-[focus-visible=true]:ring-2', 'web:data-[focus-visible=true]:ring-[var(--color-stroke-ring)]', 'web:data-[focus-visible=true]:ring-offset-2'].join(' ')
+})]);
+const quickActionButtonGlyphVariants = exports.quickActionButtonGlyphVariants = (0, _utils.cva)(['size-6', 'text-content-action']);
+const quickActionButtonLabelVariants = exports.quickActionButtonLabelVariants = (0, _utils.cva)(['body-sm font-medium', 'text-content-primary text-center', 'w-full min-w-0 max-w-20 self-center', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_utils","_constants","quickActionButtonRootVariants","exports","cva","DISABLED_CURSOR","quickActionButtonIndicatorVariants","TRANSITION_COLORS","Platform","select","default","web","join","quickActionButtonGlyphVariants","quickActionButtonLabelVariants"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG,IAAAE,UAAG,EAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,0BAAe,CAChB,CAAC;AAEK,MAAMC,kCAAkC,GAAAH,OAAA,CAAAG,kCAAA,GAAG,IAAAF,UAAG,EAAC,CACpD,2CAA2C,EAC3C,iDAAiD,EACjD,sCAAsC,EACtC,gCAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjBG,4BAAiB,EACjB,wDAAwD,EACxDC,qBAAQ,CAACC,MAAM,CAAC;EACdC,OAAO,EAAE,8CAA8C;EACvDC,GAAG,EAAE,CACH,4CAA4C,EAC5C,kEAAkE,EAClE,sCAAsC,EACtC,+DAA+D,EAC/D,6CAA6C,CAC9C,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAMC,8BAA8B,GAAAV,OAAA,CAAAU,8BAAA,GAAG,IAAAT,UAAG,EAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAE7E,MAAMU,8BAA8B,GAAAX,OAAA,CAAAW,8BAAA,GAAG,IAAAV,UAAG,EAAC,CAChD,qBAAqB,EACrB,kCAAkC,EAClC,qCAAqC,EACrC,wDAAwD,CACzD,CAAC","ignoreList":[]}

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

@@ -10,47 +10,6 @@ var _primitives = require("@cdx-ui/primitives");
 var _utils = require("@cdx-ui/utils");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
-// =============================================================================
-// STYLED INDICATOR BASE
-// =============================================================================
-const RadioIndicatorBase = /*#__PURE__*/(0, _react.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    ref: ref,
-    className: (0, _utils.cn)((0, _styles.radioIndicatorVariants)(), className),
-    style: style,
-    ...props,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      className: (0, _utils.cn)((0, _styles.radioInnerDotVariants)()),
-      ...(0, _primitives.dataAttributes)({
-        checked: isChecked,
-        invalid: isInvalid
-      })
-    }), children]
-  });
-});
-RadioIndicatorBase.displayName = 'Radio.IndicatorBase';
-
-// =============================================================================
-// PRIMITIVE ASSEMBLY
-// =============================================================================
-
-const RadioPrimitive = (0, _primitives.createRadio)({
-  Root: _reactNative.Pressable,
-  Indicator: RadioIndicatorBase,
-  Label: _reactNative.Text,
-  Group: _reactNative.View
-});
-
 // =============================================================================
 // RADIO ROOT
 // =============================================================================
@@ -62,59 +21,111 @@ const RadioRoot = /*#__PURE__*/(0, _react.forwardRef)(({
   ...props
 }, ref) => {
   const computedClassName = (0, _utils.cn)((0, _styles.radioRootVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.RadioRoot, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
-    children: children
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'radio'
+    })),
+    children: [/*#__PURE__*/(0, _jsxRuntime.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__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Indicator, {
+  const {
+    isChecked,
+    isDisabled,
+    isHovered,
+    isInvalid,
+    isReadOnly,
+    isPressed,
+    isFocusVisible
+  } = (0, _primitives.useRadioContext)();
+  const checkState = isChecked ? 'checked' : 'unchecked';
+  const fieldState = INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
+  const computedClassName = (0, _utils.cn)((0, _styles.radioIndicatorVariants)(), className);
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
     ref: ref,
-    className: className,
+    className: computedClassName,
     style: style,
     ...props,
-    children: children
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'radio-indicator',
+      hover: isHovered,
+      checked: isChecked,
+      disabled: isDisabled,
+      focusVisible: isFocusVisible,
+      invalid: isInvalid,
+      readonly: isReadOnly,
+      active: isPressed,
+      fieldState
+    })),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: (0, _utils.cn)((0, _styles.radioInnerDotVariants)()),
+      ...(0, _primitives.dataAttributes)({
+        checked: isChecked,
+        invalid: isInvalid,
+        hover: isHovered,
+        fieldState
+      })
+    }), children]
   });
 });
 RadioIndicator.displayName = 'Radio.Indicator';
 
 // =============================================================================
-// RADIO LABEL
+// RADIO LABEL (styled-only)
 // =============================================================================
 
 const RadioLabel = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   children,
   style,
   ...props
 }, ref) => {
   const computedClassName = (0, _utils.cn)((0, _styles.radioLabelVariants)(), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Label, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.Text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: computedClassName,
     style: style,
     ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'radio-label'
+    })),
     children: children
   });
 });
 RadioLabel.displayName = 'Radio.Label';
 
 // =============================================================================
-// RADIO GROUP
+// RADIO GROUP (wraps the primitive)
 // =============================================================================
 
 const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -135,7 +146,7 @@ const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
   const computedClassName = (0, _utils.cn)((0, _styles.radioGroupVariants)({
     direction
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RadioPrimitive.Group, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.RadioGroup, {
     ref: ref,
     className: computedClassName,
     style: style,
@@ -147,7 +158,11 @@ const RadioGroup = /*#__PURE__*/(0, _react.forwardRef)(({
     isRequired: isRequired,
     isReadOnly: isReadOnly,
     name: name,
+    direction: direction,
     ...viewProps,
+    ...(0, _primitives.mergeDataAttributes)(viewProps, (0, _primitives.dataAttributes)({
+      slot: 'radio-group'
+    })),
     children: children
   });
 });

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

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

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

@@ -5,18 +5,34 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.radioRootVariants = exports.radioLabelVariants = exports.radioInnerDotVariants = exports.radioIndicatorVariants = exports.radioGroupVariants = void 0;
 var _reactNative = require("react-native");
-var _classVarianceAuthority = require("class-variance-authority");
-var _primitives = require("../../styles/primitives");
-// TODO: Add hover, active, and focus-visible styles based on Figma
-
-const radioRootVariants = exports.radioRootVariants = (0, _classVarianceAuthority.cva)(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _primitives.DISABLED_CURSOR]);
-const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _classVarianceAuthority.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', _reactNative.Platform.select({
-  web: [_primitives.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: ''
+var _utils = require("@cdx-ui/utils");
+var _constants = require("../../styles/constants");
+const radioRootVariants = exports.radioRootVariants = (0, _utils.cva)(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.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']);
+const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _utils.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', _reactNative.Platform.select({
+  web: [_constants.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(' ')
+})]);
+const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _utils.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', _reactNative.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(' ')
 })]);
-const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _classVarianceAuthority.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']);
-const radioLabelVariants = exports.radioLabelVariants = (0, _classVarianceAuthority.cva)(['body-md', 'text-content-primary']);
-const radioGroupVariants = exports.radioGroupVariants = (0, _classVarianceAuthority.cva)([], {
+const radioLabelVariants = exports.radioLabelVariants = (0, _utils.cva)(['body-md', 'text-content-primary']);
+const radioGroupVariants = exports.radioGroupVariants = (0, _utils.cva)([], {
   variants: {
     direction: {
       column: 'gap-2',

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;AAEA;;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,uBAAuB,EACvB,uCAAuC,EACvC,oBAAoB,EACpB,0CAA0C,EAC1C,0CAA0C,EAC1C,8DAA8D,EAC9DG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,6BAAiB,EACjB,yDAAyD,EACzD,oDAAoD,EACpD,4CAA4C,EAC5C,kFAAkF,EAClF,sEAAsE,EACtE,qEAAqE,EACrE,4DAA4D,EAC5D,sEAAsE,CACvE,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,CAC/C,CAAC;AAEK,MAAMU,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":[]}