@cdx-ui/components 0.0.1-beta.18 → 0.0.1-beta.181

package/lib/module/animation/utils.js

@@ -0,0 +1,212 @@
+"use strict";
+
+/**
+ * Check if the entire animation is disabled
+ * @param animation - Animation configuration
+ * @returns true if animation is disabled
+ */
+export function isAnimationDisabled(animation) {
+  // Check top-level disabled values
+  if (animation === false || animation === 'disabled') {
+    return true;
+  }
+
+  // Check state property in config objects
+  if (typeof animation === 'object' && animation !== null && 'state' in animation) {
+    const state = animation.state;
+    return state === false || state === 'disabled';
+  }
+  return false;
+}
+
+/**
+ * Check if root animation should cascade disable to all children
+ * @param animation - Root animation configuration
+ * @returns true if all animations should be disabled (including children)
+ */
+export function shouldDisableAll(animation) {
+  // Check top-level disable-all value
+  if (animation === 'disable-all') {
+    return true;
+  }
+
+  // Check state property in config objects
+  if (typeof animation === 'object' && animation !== null && 'state' in animation) {
+    const state = animation.state;
+    return state === 'disable-all';
+  }
+  return false;
+}
+
+/**
+ * Get animation state including config and disabled status
+ * @param animation - Animation configuration
+ * @returns Object with animationConfig and isAnimationDisabled
+ */
+export function getAnimationState(animation) {
+  const isDisabled = isAnimationDisabled(animation);
+  // Always extract config when it's an object, regardless of disabled state
+  // This allows users to customize colors/properties even when animations are disabled
+  const config = typeof animation === 'object' && animation !== null ? animation : undefined;
+  return {
+    animationConfig: config,
+    isAnimationDisabled: isDisabled
+  };
+}
+
+/**
+ * Get root animation state including config, disabled status, and cascade flag
+ * @param animation - Root animation configuration
+ * @returns Object with animationConfig, isAnimationDisabled, and isAllAnimationsDisabled
+ */
+export function getRootAnimationState(animation) {
+  const shouldCascade = shouldDisableAll(animation);
+  const isDisabled = isAnimationDisabled(animation) || shouldCascade;
+  // Always extract config when it's an object, regardless of disabled state
+  // This allows users to customize colors/properties even when animations are disabled
+  const config = typeof animation === 'object' && animation !== null ? animation : undefined;
+  return {
+    animationConfig: config,
+    isAnimationDisabled: isDisabled,
+    isAllAnimationsDisabled: shouldCascade
+  };
+}
+
+/**
+ * Get animation value property or return default
+ * Extracts a property from the animation value config object
+ *
+ * @param options - Object containing animationValue, property, and defaultValue
+ * @param options.animationValue - The animation value configuration
+ * @param options.property - Property name to extract
+ * @param options.defaultValue - Default value if property is not found
+ * @returns The property value or default (never undefined)
+ *
+ * @example
+ * const scaleValue = getAnimationValueProperty({
+ *   animationValue: animation?.scale,
+ *   property: 'value',
+ *   defaultValue: 0.95
+ * });
+ */
+export function getAnimationValueProperty(options) {
+  // If animation value is undefined, return default
+  if (options.animationValue === undefined) {
+    return options.defaultValue;
+  }
+
+  // Return the property value if it exists, otherwise return default
+  return options.animationValue[options.property] ?? options.defaultValue;
+}
+
+/**
+ * Get animation value merged config or return default
+ * Merges the animation value config with defaults, useful when you need multiple properties
+ *
+ * @param options - Object containing animationValue, property, and defaultValue
+ * @param options.animationValue - The animation value configuration
+ * @param options.property - Property name to extract from the config
+ * @param options.defaultValue - Default configuration object
+ * @returns The merged config object or default
+ *
+ * @example
+ * const scaleConfig = getAnimationValueMergedConfig({
+ *   animationValue: animation?.scale,
+ *   property: 'timingConfig',
+ *   defaultValue: { duration: 150 }
+ * });
+ */
+export function getAnimationValueMergedConfig(options) {
+  // If animation value is undefined, return default
+  if (options.animationValue === undefined) {
+    return options.defaultValue;
+  }
+  const value = options.animationValue[options.property];
+
+  // If the specific property value is undefined or not an object, return default
+  if (value === undefined || typeof value !== 'object') {
+    return options.defaultValue;
+  }
+
+  // Merge with defaults to ensure all properties exist
+  return {
+    ...options.defaultValue,
+    ...value
+  };
+}
+
+/**
+ * Determine if animations should be disabled based on disabled flags
+ * Priority: isAllAnimationsDisabled > isAnimationDisabled
+ *
+ * @param options - Object containing isAnimationDisabled and isAllAnimationsDisabled
+ * @param options.isAnimationDisabled - Whether animation is explicitly disabled
+ * @param options.isAllAnimationsDisabled - Whether all animations should be disabled (cascading from root/global)
+ * @returns true if animations should be disabled, false otherwise
+ *
+ * @example
+ * const isDisabled = getIsAnimationDisabledValue({
+ *   isAnimationDisabled: false,
+ *   isAllAnimationsDisabled: true
+ * });
+ * // Returns: true (all animations disabled takes priority)
+ */
+export function getIsAnimationDisabledValue(options) {
+  const {
+    isAnimationDisabled: isDisabled,
+    isAllAnimationsDisabled
+  } = options;
+
+  // First priority: if all animations are disabled, return true
+  if (isAllAnimationsDisabled === true) {
+    return true;
+  }
+
+  // Second priority: if this animation is disabled, return true
+  if (isDisabled) {
+    return true;
+  }
+
+  // Default: animations are enabled
+  return false;
+}
+
+/**
+ * Combine global, parent, and own animation disabled states
+ * Priority: Global > Parent > Own (global wins if enabled)
+ *
+ * @param options - Object containing globalIsAllAnimationsDisabled, parentIsAllAnimationsDisabled, and ownIsAllAnimationsDisabled
+ * @param options.globalIsAllAnimationsDisabled - Whether global provider has disable-all (from GlobalAnimationSettingsProvider)
+ * @param options.parentIsAllAnimationsDisabled - Whether parent context has disable-all (from AnimationSettingsContext)
+ * @param options.ownIsAllAnimationsDisabled - Whether own animation prop has disable-all
+ * @returns Combined isAllAnimationsDisabled value (global || parent || own)
+ *
+ * @example
+ * const combined = getCombinedAnimationDisabledState({
+ *   globalIsAllAnimationsDisabled: true,
+ *   parentIsAllAnimationsDisabled: false,
+ *   ownIsAllAnimationsDisabled: false
+ * });
+ * // Returns: true (global wins)
+ */
+export function getCombinedAnimationDisabledState(options) {
+  const {
+    globalIsAllAnimationsDisabled,
+    parentIsAllAnimationsDisabled,
+    ownIsAllAnimationsDisabled
+  } = options;
+
+  // Global always wins if it has disable-all
+  if (globalIsAllAnimationsDisabled === true) {
+    return true;
+  }
+
+  // Parent wins if it has disable-all
+  if (parentIsAllAnimationsDisabled === true) {
+    return true;
+  }
+
+  // Otherwise use own value
+  return ownIsAllAnimationsDisabled;
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/animation/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isAnimationDisabled","animation","state","shouldDisableAll","getAnimationState","isDisabled","config","undefined","animationConfig","getRootAnimationState","shouldCascade","isAllAnimationsDisabled","getAnimationValueProperty","options","animationValue","defaultValue","property","getAnimationValueMergedConfig","value","getIsAnimationDisabledValue","getCombinedAnimationDisabledState","globalIsAllAnimationsDisabled","parentIsAllAnimationsDisabled","ownIsAllAnimationsDisabled"],"sourceRoot":"../../../src","sources":["animation/utils.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,282 @@
+"use strict";
+
+import { cloneElement, forwardRef, isValidElement, useMemo } from 'react';
+import { Text, View } from 'react-native';
+import { AccordionContentRoot as AccordionContentRootPrimitive, AccordionItemRoot as AccordionItemRootPrimitive, AccordionRoot as AccordionRootPrimitive, AccordionTriggerRoot as AccordionTriggerRootPrimitive, Slot, dataAttributes, mergeDataAttributes, useAccordionItemContext } from '@cdx-ui/primitives';
+import { KeyboardArrowDown } from '@cdx-ui/icons';
+import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
+import { Icon } from '../Icon';
+import { accordionContentVariants, accordionDescriptionVariants, accordionIndicatorVariants, accordionItemVariants, accordionLabelVariants, accordionLeadingSlotVariants, accordionMetaVariants, accordionRootVariants, accordionTitleVariants, accordionTriggerVariants } from './styles';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const ITEM_SCOPE = 'ACCORDION_ITEM';
+const useAccordionItemStyleContext = () => {
+  const ctx = useStyleContext(ITEM_SCOPE);
+  return {
+    fullBleed: ctx?.fullBleed ?? false
+  };
+};
+
+// =============================================================================
+// ROOT
+// =============================================================================
+
+const AccordionRoot = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(AccordionRootPrimitive, {
+  ref: ref,
+  asChild: asChild,
+  className: cn(accordionRootVariants(), className),
+  style: style,
+  ...props,
+  children: children
+}));
+AccordionRoot.displayName = 'Accordion';
+
+// =============================================================================
+// ITEM
+// =============================================================================
+
+const AccordionItem = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  children,
+  fullBleed = false,
+  showSeparator = true,
+  ...props
+}, ref) => {
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [ITEM_SCOPE]: {
+      fullBleed
+    }
+  }), [parent, fullBleed]);
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsx(AccordionItemRootPrimitive, {
+      ref: ref,
+      asChild: asChild,
+      className: cn(accordionItemVariants({
+        showSeparator
+      }), className),
+      style: style,
+      ...props,
+      children: children
+    })
+  });
+});
+AccordionItem.displayName = 'Accordion.Item';
+
+// =============================================================================
+// TRIGGER
+// =============================================================================
+
+const AccordionTrigger = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  asChild,
+  indicator,
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const {
+    fullBleed
+  } = useAccordionItemStyleContext();
+  const computedClassName = asChild ? className : cn(accordionTriggerVariants({
+    fullBleed
+  }), className);
+  const triggerIndicator = indicator === undefined ? asChild ? undefined : /*#__PURE__*/_jsx(AccordionIndicator, {}) : indicator;
+  const triggerChildren = asChild && triggerIndicator !== undefined && /*#__PURE__*/isValidElement(children) ? /*#__PURE__*/cloneElement(children, undefined, children.props.children, triggerIndicator) : children;
+  return /*#__PURE__*/_jsx(AccordionTriggerRootPrimitive, {
+    ref: ref,
+    asChild: asChild,
+    accessibilityLabel: accessibilityLabel,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: asChild ? triggerChildren : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [children, triggerIndicator]
+    })
+  });
+});
+AccordionTrigger.displayName = 'Accordion.Trigger';
+
+// =============================================================================
+// INDICATOR
+// =============================================================================
+
+const AccordionIndicator = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    isOpen
+  } = useAccordionItemContext();
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: cn(accordionIndicatorVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'accordion-indicator',
+      state: isOpen ? 'open' : 'closed'
+    })),
+    children: children ?? /*#__PURE__*/_jsx(Icon, {
+      as: KeyboardArrowDown,
+      size: 24
+    })
+  });
+});
+AccordionIndicator.displayName = 'Accordion.Indicator';
+
+// =============================================================================
+// SLOTS
+// =============================================================================
+
+const AccordionLeadingSlot = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  'aria-hidden': ariaHidden,
+  ...props
+}, ref) => {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    accessibilityElementsHidden: ariaHidden !== false,
+    "aria-hidden": ariaHidden ?? true,
+    className: cn(accordionLeadingSlotVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'accordion-leading'
+    }))
+  });
+});
+AccordionLeadingSlot.displayName = 'Accordion.LeadingSlot';
+const AccordionLabel = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: cn(accordionLabelVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'accordion-label'
+    }))
+  });
+});
+AccordionLabel.displayName = 'Accordion.Label';
+const AccordionTitle = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: cn(accordionTitleVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'accordion-title'
+    }))
+  });
+});
+AccordionTitle.displayName = 'Accordion.Title';
+const AccordionDescription = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: cn(accordionDescriptionVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'accordion-description'
+    }))
+  });
+});
+AccordionDescription.displayName = 'Accordion.Description';
+const AccordionMeta = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: cn(accordionMetaVariants(), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'accordion-meta'
+    }))
+  });
+});
+AccordionMeta.displayName = 'Accordion.Meta';
+
+// =============================================================================
+// CONTENT
+// =============================================================================
+
+const AccordionContent = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    fullBleed
+  } = useAccordionItemStyleContext();
+  return /*#__PURE__*/_jsx(AccordionContentRootPrimitive, {
+    ref: ref,
+    asChild: asChild,
+    className: cn(accordionContentVariants({
+      fullBleed
+    }), className),
+    style: style,
+    ...props,
+    children: children
+  });
+});
+AccordionContent.displayName = 'Accordion.Content';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+export const Accordion = Object.assign(AccordionRoot, {
+  Item: AccordionItem,
+  Trigger: AccordionTrigger,
+  LeadingSlot: AccordionLeadingSlot,
+  Label: AccordionLabel,
+  Title: AccordionTitle,
+  Description: AccordionDescription,
+  Meta: AccordionMeta,
+  Indicator: AccordionIndicator,
+  Content: AccordionContent
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cloneElement","forwardRef","isValidElement","useMemo","Text","View","AccordionContentRoot","AccordionContentRootPrimitive","AccordionItemRoot","AccordionItemRootPrimitive","AccordionRoot","AccordionRootPrimitive","AccordionTriggerRoot","AccordionTriggerRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useAccordionItemContext","KeyboardArrowDown","cn","ParentContext","useParentContext","useStyleContext","Icon","accordionContentVariants","accordionDescriptionVariants","accordionIndicatorVariants","accordionItemVariants","accordionLabelVariants","accordionLeadingSlotVariants","accordionMetaVariants","accordionRootVariants","accordionTitleVariants","accordionTriggerVariants","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ITEM_SCOPE","useAccordionItemStyleContext","ctx","fullBleed","asChild","className","style","children","props","ref","displayName","AccordionItem","showSeparator","parent","Provider","value","AccordionTrigger","indicator","accessibilityLabel","computedClassName","triggerIndicator","undefined","AccordionIndicator","triggerChildren","isOpen","Comp","slot","state","as","size","AccordionLeadingSlot","ariaHidden","accessibilityElementsHidden","AccordionLabel","AccordionTitle","AccordionDescription","AccordionMeta","AccordionContent","Accordion","Object","assign","Item","Trigger","LeadingSlot","Label","Title","Description","Meta","Indicator","Content"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,UAAU,EAAEC,cAAc,EAAEC,OAAO,QAAwB,OAAO;AACzF,SAAoBC,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACpF,SACEC,oBAAoB,IAAIC,6BAA6B,EACrDC,iBAAiB,IAAIC,0BAA0B,EAC/CC,aAAa,IAAIC,sBAAsB,EACvCC,oBAAoB,IAAIC,6BAA6B,EACrDC,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,uBAAuB,QAKlB,oBAAoB;AAC3B,SAASC,iBAAiB,QAAQ,eAAe;AACjD,SAASC,EAAE,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,eAAe;AACpF,SAASC,IAAI,QAAQ,SAAS;AAC9B,SACEC,wBAAwB,EACxBC,4BAA4B,EAC5BC,0BAA0B,EAC1BC,qBAAqB,EACrBC,sBAAsB,EACtBC,4BAA4B,EAC5BC,qBAAqB,EACrBC,qBAAqB,EACrBC,sBAAsB,EACtBC,wBAAwB,QACnB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAElB,MAAMC,UAAU,GAAG,gBAAgB;AAMnC,MAAMC,4BAA4B,GAAGA,CAAA,KAA2C;EAC9E,MAAMC,GAAG,GAAGpB,eAAe,CAACkB,UAAU,CAA0C;EAChF,OAAO;IACLG,SAAS,EAAED,GAAG,EAAEC,SAAS,IAAI;EAC/B,CAAC;AACH,CAAC;;AAED;AACA;AACA;;AAQA,MAAMjC,aAAa,gBAAGT,UAAU,CAC9B,CAAC;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBACrDd,IAAA,CAACxB,sBAAsB;EACrBsC,GAAG,EAAEA,GAAI;EACTL,OAAO,EAAEA,OAAQ;EACjBC,SAAS,EAAE1B,EAAE,CAACY,qBAAqB,CAAC,CAAC,EAAEc,SAAS,CAAE;EAClDC,KAAK,EAAEA,KAAM;EAAA,GACTE,KAAK;EAAAD,QAAA,EAERA;AAAQ,CACa,CAE5B,CAAC;AAEDrC,aAAa,CAACwC,WAAW,GAAG,WAAW;;AAEvC;AACA;AACA;;AAYA,MAAMC,aAAa,gBAAGlD,UAAU,CAC9B,CACE;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAEJ,SAAS,GAAG,KAAK;EAAES,aAAa,GAAG,IAAI;EAAE,GAAGJ;AAAM,CAAC,EAC1FC,GAAG,KACA;EACH,MAAMI,MAAM,GAAGhC,gBAAgB,CAAC,CAAC;EACjC,MAAMqB,GAAG,GAAGvC,OAAO,CAAC,OAAO;IAAE,GAAGkD,MAAM;IAAE,CAACb,UAAU,GAAG;MAAEG;IAAU;EAAE,CAAC,CAAC,EAAE,CAACU,MAAM,EAAEV,SAAS,CAAC,CAAC;EAE5F,oBACER,IAAA,CAACf,aAAa,CAACkC,QAAQ;IAACC,KAAK,EAAEb,GAAI;IAAAK,QAAA,eACjCZ,IAAA,CAAC1B,0BAA0B;MACzBwC,GAAG,EAAEA,GAAI;MACTL,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAE1B,EAAE,CAACQ,qBAAqB,CAAC;QAAEyB;MAAc,CAAC,CAAC,EAAEP,SAAS,CAAE;MACnEC,KAAK,EAAEA,KAAM;MAAA,GACTE,KAAK;MAAAD,QAAA,EAERA;IAAQ,CACiB;EAAC,CACP,CAAC;AAE7B,CACF,CAAC;AAEDI,aAAa,CAACD,WAAW,GAAG,gBAAgB;;AAE5C;AACA;AACA;;AAqBA,MAAMM,gBAAgB,gBAAGvD,UAAU,CACjC,CAAC;EAAE4C,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAEH,OAAO;EAAEa,SAAS;EAAEC,kBAAkB;EAAE,GAAGV;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzF,MAAM;IAAEN;EAAU,CAAC,GAAGF,4BAA4B,CAAC,CAAC;EAEpD,MAAMkB,iBAAiB,GAAGf,OAAO,GAC7BC,SAAS,GACT1B,EAAE,CAACc,wBAAwB,CAAC;IAAEU;EAAU,CAAC,CAAC,EAAEE,SAAS,CAAC;EAC1D,MAAMe,gBAAgB,GACpBH,SAAS,KAAKI,SAAS,GAAGjB,OAAO,GAAGiB,SAAS,gBAAG1B,IAAA,CAAC2B,kBAAkB,IAAE,CAAC,GAAGL,SAAS;EACpF,MAAMM,eAAe,GACnBnB,OAAO,IACPgB,gBAAgB,KAAKC,SAAS,iBAC9B3D,cAAc,CAA2B6C,QAAQ,CAAC,gBAC9C/C,YAAY,CAAC+C,QAAQ,EAAEc,SAAS,EAAEd,QAAQ,CAACC,KAAK,CAACD,QAAQ,EAAEa,gBAAgB,CAAC,GAC5Eb,QAAQ;EAEd,oBACEZ,IAAA,CAACtB,6BAA6B;IAC5BoC,GAAG,EAAEA,GAAI;IACTL,OAAO,EAAEA,OAAQ;IACjBc,kBAAkB,EAAEA,kBAAmB;IACvCb,SAAS,EAAEc,iBAAkB;IAC7Bb,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAAD,QAAA,EAERH,OAAO,GACNmB,eAAe,gBAEfxB,KAAA,CAAAF,SAAA;MAAAU,QAAA,GACGA,QAAQ,EACRa,gBAAgB;IAAA,CACjB;EACH,CAC4B,CAAC;AAEpC,CACF,CAAC;AAEDJ,gBAAgB,CAACN,WAAW,GAAG,mBAAmB;;AAElD;AACA;AACA;;AAQA,MAAMY,kBAAkB,gBAAG7D,UAAU,CACnC,CAAC;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEe;EAAO,CAAC,GAAG/C,uBAAuB,CAAC,CAAC;EAC5C,MAAMgD,IAAI,GAAGrB,OAAO,GAAG9B,IAAI,GAAGT,IAAI;EAElC,oBACE8B,IAAA,CAAC8B,IAAI;IACHhB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE1B,EAAE,CAACO,0BAA0B,CAAC,CAAC,EAAEmB,SAAS,CAAE;IACvDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLhC,mBAAmB,CACrBgC,KAAK,EACLjC,cAAc,CAAC;MACbmD,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAEH,MAAM,GAAG,MAAM,GAAG;IAC3B,CAAC,CACH,CAAC;IAAAjB,QAAA,EAEAA,QAAQ,iBAAIZ,IAAA,CAACZ,IAAI;MAAC6C,EAAE,EAAElD,iBAAkB;MAACmD,IAAI,EAAE;IAAG,CAAE;EAAC,CAClD,CAAC;AAEX,CACF,CAAC;AAEDP,kBAAkB,CAACZ,WAAW,GAAG,qBAAqB;;AAEtD;AACA;AACA;;AAQA,MAAMoB,oBAAoB,gBAAGrE,UAAU,CACrC,CAAC;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAE,aAAa,EAAEyB,UAAU;EAAE,GAAGvB;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3E,MAAMgB,IAAI,GAAGrB,OAAO,GAAG9B,IAAI,GAAGT,IAAI;EAClC,oBACE8B,IAAA,CAAC8B,IAAI;IACHhB,GAAG,EAAEA,GAAI;IACTuB,2BAA2B,EAAED,UAAU,KAAK,KAAM;IAClD,eAAaA,UAAU,IAAI,IAAK;IAChC1B,SAAS,EAAE1B,EAAE,CAACU,4BAA4B,CAAC,CAAC,EAAEgB,SAAS,CAAE;IACzDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLhC,mBAAmB,CAACgC,KAAK,EAAEjC,cAAc,CAAC;MAAEmD,IAAI,EAAE;IAAoB,CAAC,CAAC;EAAC,CAC9E,CAAC;AAEN,CACF,CAAC;AAEDI,oBAAoB,CAACpB,WAAW,GAAG,uBAAuB;AAO1D,MAAMuB,cAAc,gBAAGxE,UAAU,CAC/B,CAAC;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChD,MAAMgB,IAAI,GAAGrB,OAAO,GAAG9B,IAAI,GAAGT,IAAI;EAClC,oBACE8B,IAAA,CAAC8B,IAAI;IACHhB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE1B,EAAE,CAACS,sBAAsB,CAAC,CAAC,EAAEiB,SAAS,CAAE;IACnDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLhC,mBAAmB,CAACgC,KAAK,EAAEjC,cAAc,CAAC;MAAEmD,IAAI,EAAE;IAAkB,CAAC,CAAC;EAAC,CAC5E,CAAC;AAEN,CACF,CAAC;AAEDO,cAAc,CAACvB,WAAW,GAAG,iBAAiB;AAO9C,MAAMwB,cAAc,gBAAGzE,UAAU,CAC/B,CAAC;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChD,MAAMgB,IAAI,GAAGrB,OAAO,GAAG9B,IAAI,GAAGV,IAAI;EAClC,oBACE+B,IAAA,CAAC8B,IAAI;IACHhB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE1B,EAAE,CAACa,sBAAsB,CAAC,CAAC,EAAEa,SAAS,CAAE;IACnDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLhC,mBAAmB,CAACgC,KAAK,EAAEjC,cAAc,CAAC;MAAEmD,IAAI,EAAE;IAAkB,CAAC,CAAC;EAAC,CAC5E,CAAC;AAEN,CACF,CAAC;AAEDQ,cAAc,CAACxB,WAAW,GAAG,iBAAiB;AAO9C,MAAMyB,oBAAoB,gBAAG1E,UAAU,CACrC,CAAC;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChD,MAAMgB,IAAI,GAAGrB,OAAO,GAAG9B,IAAI,GAAGV,IAAI;EAClC,oBACE+B,IAAA,CAAC8B,IAAI;IACHhB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE1B,EAAE,CAACM,4BAA4B,CAAC,CAAC,EAAEoB,SAAS,CAAE;IACzDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLhC,mBAAmB,CAACgC,KAAK,EAAEjC,cAAc,CAAC;MAAEmD,IAAI,EAAE;IAAwB,CAAC,CAAC;EAAC,CAClF,CAAC;AAEN,CACF,CAAC;AAEDS,oBAAoB,CAACzB,WAAW,GAAG,uBAAuB;AAO1D,MAAM0B,aAAa,gBAAG3E,UAAU,CAC9B,CAAC;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChD,MAAMgB,IAAI,GAAGrB,OAAO,GAAG9B,IAAI,GAAGV,IAAI;EAClC,oBACE+B,IAAA,CAAC8B,IAAI;IACHhB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE1B,EAAE,CAACW,qBAAqB,CAAC,CAAC,EAAEe,SAAS,CAAE;IAClDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLhC,mBAAmB,CAACgC,KAAK,EAAEjC,cAAc,CAAC;MAAEmD,IAAI,EAAE;IAAiB,CAAC,CAAC;EAAC,CAC3E,CAAC;AAEN,CACF,CAAC;AAEDU,aAAa,CAAC1B,WAAW,GAAG,gBAAgB;;AAE5C;AACA;AACA;;AAQA,MAAM2B,gBAAgB,gBAAG5E,UAAU,CACjC,CAAC;EAAE2C,OAAO;EAAEC,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEN;EAAU,CAAC,GAAGF,4BAA4B,CAAC,CAAC;EAEpD,oBACEN,IAAA,CAAC5B,6BAA6B;IAC5B0C,GAAG,EAAEA,GAAI;IACTL,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAE1B,EAAE,CAACK,wBAAwB,CAAC;MAAEmB;IAAU,CAAC,CAAC,EAAEE,SAAS,CAAE;IAClEC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAAD,QAAA,EAERA;EAAQ,CACoB,CAAC;AAEpC,CACF,CAAC;AAED8B,gBAAgB,CAAC3B,WAAW,GAAG,mBAAmB;;AAElD;AACA;AACA;;AAcA,OAAO,MAAM4B,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACtE,aAAa,EAAE;EACpDuE,IAAI,EAAE9B,aAAa;EACnB+B,OAAO,EAAE1B,gBAAgB;EACzB2B,WAAW,EAAEb,oBAAoB;EACjCc,KAAK,EAAEX,cAAc;EACrBY,KAAK,EAAEX,cAAc;EACrBY,WAAW,EAAEX,oBAAoB;EACjCY,IAAI,EAAEX,aAAa;EACnBY,SAAS,EAAE1B,kBAAkB;EAC7B2B,OAAO,EAAEZ;AACX,CAAC,CAA+B","ignoreList":[]}

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

@@ -0,0 +1,52 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from '@cdx-ui/utils';
+import { DISABLED_CURSOR } from '../../styles/constants';
+export const accordionRootVariants = cva(['flex w-full flex-col']);
+export const accordionItemVariants = cva(['flex w-full flex-col', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]'], {
+  variants: {
+    showSeparator: {
+      true: 'border-b border-solid border-stroke-secondary',
+      false: 'border-b-0'
+    }
+  },
+  defaultVariants: {
+    showSeparator: true
+  }
+});
+export const accordionTriggerVariants = cva(['relative flex w-full flex-row items-center gap-3 min-h-[52px] bg-[var(--color-transparent)] outline-none', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', DISABLED_CURSOR, Platform.select({
+  web: ['before:pointer-events-none before:absolute before:inset-0 before:z-0 before:bg-content-primary before:opacity-0 before:content-[""]', 'before:transition-opacity before:duration-150 before:ease-out', 'data-[hover=true]:data-[state="closed"]:before:opacity-[var(--opacity-hover)]', 'data-[active=true]:data-[hover=true]:data-[state="closed"]:before:opacity-[var(--opacity-hover-overlay)]', 'data-[focus-visible=true]:before:opacity-[var(--opacity-focus)]', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-stroke-focus data-[focus-visible=true]:ring-offset-2'].join(' '),
+  default: 'data-[active=true]:bg-surface-primary-hover'
+})], {
+  variants: {
+    fullBleed: {
+      true: 'px-0 py-4',
+      false: 'p-4'
+    }
+  },
+  defaultVariants: {
+    fullBleed: false
+  }
+});
+export const accordionLeadingSlotVariants = cva(['relative z-10 flex shrink-0 items-center justify-center']);
+export const accordionLabelVariants = cva(['relative z-10 flex min-w-0 flex-1 flex-col justify-center gap-0.5']);
+export const accordionTitleVariants = cva(['body-md font-medium text-content-primary']);
+export const accordionDescriptionVariants = cva(['body-sm text-content-secondary']);
+export const accordionMetaVariants = cva(['body-xs text-content-secondary']);
+export const accordionIndicatorVariants = cva(['relative z-10 flex shrink-0 items-center justify-center text-content-primary', 'data-[state=open]:rotate-180', Platform.select({
+  web: 'transition-transform duration-150 ease-out',
+  default: ''
+})]);
+export const accordionContentVariants = cva(['flex w-full flex-col gap-2 pb-4'], {
+  variants: {
+    fullBleed: {
+      true: 'px-0',
+      false: 'px-4'
+    }
+  },
+  defaultVariants: {
+    fullBleed: false
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","accordionRootVariants","accordionItemVariants","variants","showSeparator","true","false","defaultVariants","accordionTriggerVariants","select","web","join","default","fullBleed","accordionLeadingSlotVariants","accordionLabelVariants","accordionTitleVariants","accordionDescriptionVariants","accordionMetaVariants","accordionIndicatorVariants","accordionContentVariants"],"sourceRoot":"../../../../src","sources":["components/Accordion/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,QAAQ,wBAAwB;AAExD,OAAO,MAAMC,qBAAqB,GAAGF,GAAG,CAAC,CAAC,sBAAsB,CAAC,CAAC;AAElE,OAAO,MAAMG,qBAAqB,GAAGH,GAAG,CACtC,CAAC,sBAAsB,EAAE,wDAAwD,CAAC,EAClF;EACEI,QAAQ,EAAE;IACRC,aAAa,EAAE;MACbC,IAAI,EAAE,+CAA+C;MACrDC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,aAAa,EAAE;EACjB;AACF,CACF,CAAC;AAED,OAAO,MAAMI,wBAAwB,GAAGT,GAAG,CACzC,CACE,0GAA0G,EAC1G,wEAAwE,EACxEC,eAAe,EACfF,QAAQ,CAACW,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,qIAAqI,EACrI,+DAA+D,EAC/D,+EAA+E,EAC/E,0GAA0G,EAC1G,iEAAiE,EACjE,sHAAsH,CACvH,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACET,QAAQ,EAAE;IACRU,SAAS,EAAE;MACTR,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfM,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAED,OAAO,MAAMC,4BAA4B,GAAGf,GAAG,CAAC,CAC9C,yDAAyD,CAC1D,CAAC;AAEF,OAAO,MAAMgB,sBAAsB,GAAGhB,GAAG,CAAC,CACxC,mEAAmE,CACpE,CAAC;AAEF,OAAO,MAAMiB,sBAAsB,GAAGjB,GAAG,CAAC,CAAC,0CAA0C,CAAC,CAAC;AAEvF,OAAO,MAAMkB,4BAA4B,GAAGlB,GAAG,CAAC,CAAC,gCAAgC,CAAC,CAAC;AAEnF,OAAO,MAAMmB,qBAAqB,GAAGnB,GAAG,CAAC,CAAC,gCAAgC,CAAC,CAAC;AAE5E,OAAO,MAAMoB,0BAA0B,GAAGpB,GAAG,CAAC,CAC5C,8EAA8E,EAC9E,8BAA8B,EAC9BD,QAAQ,CAACW,MAAM,CAAC;EAAEC,GAAG,EAAE,4CAA4C;EAAEE,OAAO,EAAE;AAAG,CAAC,CAAC,CACpF,CAAC;AAEF,OAAO,MAAMQ,wBAAwB,GAAGrB,GAAG,CAAC,CAAC,iCAAiC,CAAC,EAAE;EAC/EI,QAAQ,EAAE;IACRU,SAAS,EAAE;MACTR,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfM,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}