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

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

@@ -0,0 +1,291 @@
+"use strict";
+
+import { forwardRef, useMemo } from 'react';
+import { Text, View } from 'react-native';
+import { AccordionItemRoot as AccordionItemRootPrimitive, AccordionPanelRoot as AccordionPanelRootPrimitive, 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 { Divider } from '../Divider';
+import { Icon } from '../Icon';
+import { accordionBodyVariants, accordionDescriptionVariants, accordionHeadingVariants, accordionIndicatorVariants, accordionItemVariants, accordionLabelVariants, accordionLeadingSlotVariants, accordionMetaVariants, accordionRootVariants, accordionTitleVariants, accordionTriggerVariants } from './styles';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ITEM_SCOPE = 'ACCORDION_ITEM';
+const useAccordionItemStyleContext = () => {
+  const ctx = useStyleContext(ITEM_SCOPE);
+  return {
+    disableGutters: ctx?.disableGutters ?? false,
+    showSeparator: ctx?.showSeparator ?? true
+  };
+};
+
+// =============================================================================
+// ROOT
+// =============================================================================
+
+const AccordionRoot = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(AccordionRootPrimitive, {
+  ref: ref,
+  className: cn(accordionRootVariants(), className),
+  style: style,
+  ...props,
+  children: children
+}));
+AccordionRoot.displayName = 'Accordion';
+
+// =============================================================================
+// ITEM
+// =============================================================================
+
+const AccordionItem = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  disableGutters = false,
+  showSeparator = true,
+  ...props
+}, ref) => {
+  const parent = useParentContext();
+  const ctx = useMemo(() => ({
+    ...parent,
+    [ITEM_SCOPE]: {
+      disableGutters,
+      showSeparator
+    }
+  }), [parent, disableGutters, showSeparator]);
+  return /*#__PURE__*/_jsx(ParentContext.Provider, {
+    value: ctx,
+    children: /*#__PURE__*/_jsxs(AccordionItemRootPrimitive, {
+      ref: ref,
+      className: cn(accordionItemVariants(), className),
+      style: style,
+      ...props,
+      children: [children, showSeparator ? /*#__PURE__*/_jsx(Divider, {}) : null]
+    })
+  });
+});
+AccordionItem.displayName = 'Accordion.Item';
+
+// =============================================================================
+// TRIGGER
+// =============================================================================
+
+const AccordionTrigger = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  asChild,
+  accessibilityLabel,
+  ...props
+}, ref) => {
+  const {
+    disableGutters
+  } = useAccordionItemStyleContext();
+  const computedClassName = asChild ? className : cn(accordionTriggerVariants({
+    disableGutters
+  }), className);
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(accordionHeadingVariants()),
+    children: /*#__PURE__*/_jsx(AccordionTriggerRootPrimitive, {
+      ref: ref,
+      asChild: asChild,
+      accessibilityLabel: accessibilityLabel,
+      className: computedClassName,
+      style: style,
+      ...props,
+      children: asChild ? children : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [children, /*#__PURE__*/_jsx(AccordionIndicator, {})]
+      })
+    })
+  });
+});
+AccordionTrigger.displayName = 'Accordion.Trigger';
+
+// =============================================================================
+// INDICATOR
+// =============================================================================
+
+const AccordionIndicator = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const {
+    isExpanded
+  } = useAccordionItemContext();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn(accordionIndicatorVariants(), className),
+    style: style,
+    ...props,
+    ...dataAttributes({
+      slot: 'accordion-indicator',
+      state: isExpanded ? 'open' : 'closed'
+    }),
+    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';
+
+// =============================================================================
+// PANEL / BODY
+// =============================================================================
+
+const AccordionPanel = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(AccordionPanelRootPrimitive, {
+  ref: ref,
+  className: cn('w-full', className),
+  style: style,
+  ...props,
+  children: children
+}));
+AccordionPanel.displayName = 'Accordion.Panel';
+const AccordionBody = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    disableGutters
+  } = useAccordionItemStyleContext();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn(accordionBodyVariants({
+      disableGutters
+    }), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'accordion-body'
+    })),
+    children: children
+  });
+});
+AccordionBody.displayName = 'Accordion.Body';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+export const Accordion = Object.assign(AccordionRoot, {
+  Item: AccordionItem,
+  Trigger: AccordionTrigger,
+  LeadingSlot: AccordionLeadingSlot,
+  Label: AccordionLabel,
+  Title: AccordionTitle,
+  Description: AccordionDescription,
+  Meta: AccordionMeta,
+  Indicator: AccordionIndicator,
+  Panel: AccordionPanel,
+  Body: AccordionBody
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useMemo","Text","View","AccordionItemRoot","AccordionItemRootPrimitive","AccordionPanelRoot","AccordionPanelRootPrimitive","AccordionRoot","AccordionRootPrimitive","AccordionTriggerRoot","AccordionTriggerRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useAccordionItemContext","KeyboardArrowDown","cn","ParentContext","useParentContext","useStyleContext","Divider","Icon","accordionBodyVariants","accordionDescriptionVariants","accordionHeadingVariants","accordionIndicatorVariants","accordionItemVariants","accordionLabelVariants","accordionLeadingSlotVariants","accordionMetaVariants","accordionRootVariants","accordionTitleVariants","accordionTriggerVariants","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ITEM_SCOPE","useAccordionItemStyleContext","ctx","disableGutters","showSeparator","className","style","children","props","ref","displayName","AccordionItem","parent","Provider","value","AccordionTrigger","asChild","accessibilityLabel","computedClassName","AccordionIndicator","isExpanded","slot","state","as","size","AccordionLeadingSlot","ariaHidden","Comp","accessibilityElementsHidden","AccordionLabel","AccordionTitle","AccordionDescription","AccordionMeta","AccordionPanel","AccordionBody","Accordion","Object","assign","Item","Trigger","LeadingSlot","Label","Title","Description","Meta","Indicator","Panel","Body"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAwB,OAAO;AAC3D,SAAoBC,IAAI,EAAEC,IAAI,QAAwC,cAAc;AACpF,SACEC,iBAAiB,IAAIC,0BAA0B,EAC/CC,kBAAkB,IAAIC,2BAA2B,EACjDC,aAAa,IAAIC,sBAAsB,EACvCC,oBAAoB,IAAIC,6BAA6B,EACrDC,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,uBAAuB,QAIlB,oBAAoB;AAC3B,SAASC,iBAAiB,QAAQ,eAAe;AACjD,SAASC,EAAE,EAAEC,aAAa,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,eAAe;AACpF,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SACEC,qBAAqB,EACrBC,4BAA4B,EAC5BC,wBAAwB,EACxBC,0BAA0B,EAC1BC,qBAAqB,EACrBC,sBAAsB,EACtBC,4BAA4B,EAC5BC,qBAAqB,EACrBC,qBAAqB,EACrBC,sBAAsB,EACtBC,wBAAwB,QAEnB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,MAAMC,UAAU,GAAG,gBAAgB;AAMnC,MAAMC,4BAA4B,GAAGA,CAAA,KAAiC;EACpE,MAAMC,GAAG,GAAGtB,eAAe,CAACoB,UAAU,CAA0C;EAChF,OAAO;IACLG,cAAc,EAAED,GAAG,EAAEC,cAAc,IAAI,KAAK;IAC5CC,aAAa,EAAEF,GAAG,EAAEE,aAAa,IAAI;EACvC,CAAC;AACH,CAAC;;AAED;AACA;AACA;;AAOA,MAAMpC,aAAa,gBAAGR,UAAU,CAC9B,CAAC;EAAE6C,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC5Cd,IAAA,CAAC1B,sBAAsB;EACrBwC,GAAG,EAAEA,GAAI;EACTJ,SAAS,EAAE5B,EAAE,CAACc,qBAAqB,CAAC,CAAC,EAAEc,SAAS,CAAE;EAClDC,KAAK,EAAEA,KAAM;EAAA,GACTE,KAAK;EAAAD,QAAA,EAERA;AAAQ,CACa,CAE5B,CAAC;AAEDvC,aAAa,CAAC0C,WAAW,GAAG,WAAW;;AAEvC;AACA;AACA;;AAWA,MAAMC,aAAa,gBAAGnD,UAAU,CAC9B,CAAC;EAAE6C,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAEJ,cAAc,GAAG,KAAK;EAAEC,aAAa,GAAG,IAAI;EAAE,GAAGI;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC/F,MAAMG,MAAM,GAAGjC,gBAAgB,CAAC,CAAC;EACjC,MAAMuB,GAAG,GAAGzC,OAAO,CACjB,OAAO;IAAE,GAAGmD,MAAM;IAAE,CAACZ,UAAU,GAAG;MAAEG,cAAc;MAAEC;IAAc;EAAE,CAAC,CAAC,EACtE,CAACQ,MAAM,EAAET,cAAc,EAAEC,aAAa,CACxC,CAAC;EAED,oBACET,IAAA,CAACjB,aAAa,CAACmC,QAAQ;IAACC,KAAK,EAAEZ,GAAI;IAAAK,QAAA,eACjCV,KAAA,CAAChC,0BAA0B;MACzB4C,GAAG,EAAEA,GAAI;MACTJ,SAAS,EAAE5B,EAAE,CAACU,qBAAqB,CAAC,CAAC,EAAEkB,SAAS,CAAE;MAClDC,KAAK,EAAEA,KAAM;MAAA,GACTE,KAAK;MAAAD,QAAA,GAERA,QAAQ,EACRH,aAAa,gBAAGT,IAAA,CAACd,OAAO,IAAE,CAAC,GAAG,IAAI;IAAA,CACT;EAAC,CACP,CAAC;AAE7B,CACF,CAAC;AAED8B,aAAa,CAACD,WAAW,GAAG,gBAAgB;;AAE5C;AACA;AACA;;AAeA,MAAMK,gBAAgB,gBAAGvD,UAAU,CACjC,CAAC;EAAE6C,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAES,OAAO;EAAEC,kBAAkB;EAAE,GAAGT;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC9E,MAAM;IAAEN;EAAe,CAAC,GAAGF,4BAA4B,CAAC,CAAC;EAEzD,MAAMiB,iBAAiB,GAAGF,OAAO,GAC7BX,SAAS,GACT5B,EAAE,CAACgB,wBAAwB,CAAC;IAAEU;EAAe,CAAC,CAAC,EAAEE,SAAS,CAAC;EAE/D,oBACEV,IAAA,CAAChC,IAAI;IAAC0C,SAAS,EAAE5B,EAAE,CAACQ,wBAAwB,CAAC,CAAC,CAAE;IAAAsB,QAAA,eAC9CZ,IAAA,CAACxB,6BAA6B;MAC5BsC,GAAG,EAAEA,GAAI;MACTO,OAAO,EAAEA,OAAQ;MACjBC,kBAAkB,EAAEA,kBAAmB;MACvCZ,SAAS,EAAEa,iBAAkB;MAC7BZ,KAAK,EAAEA,KAAM;MAAA,GACTE,KAAK;MAAAD,QAAA,EAERS,OAAO,GACNT,QAAQ,gBAERV,KAAA,CAAAE,SAAA;QAAAQ,QAAA,GACGA,QAAQ,eACTZ,IAAA,CAACwB,kBAAkB,IAAE,CAAC;MAAA,CACtB;IACH,CAC4B;EAAC,CAC5B,CAAC;AAEX,CACF,CAAC;AAEDJ,gBAAgB,CAACL,WAAW,GAAG,mBAAmB;;AAElD;AACA;AACA;;AAMA,MAAMS,kBAAkB,gBAAG3D,UAAU,CACnC,CAAC;EAAE6C,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAM;IAAEW;EAAW,CAAC,GAAG7C,uBAAuB,CAAC,CAAC;EAEhD,oBACEoB,IAAA,CAAChC,IAAI;IACH8C,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE5B,EAAE,CAACS,0BAA0B,CAAC,CAAC,EAAEmB,SAAS,CAAE;IACvDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLnC,cAAc,CAAC;MACjBgD,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAEF,UAAU,GAAG,MAAM,GAAG;IAC/B,CAAC,CAAC;IAAAb,QAAA,eAEFZ,IAAA,CAACb,IAAI;MAACyC,EAAE,EAAE/C,iBAAkB;MAACgD,IAAI,EAAE;IAAG,CAAE;EAAC,CACrC,CAAC;AAEX,CACF,CAAC;AAEDL,kBAAkB,CAACT,WAAW,GAAG,qBAAqB;;AAEtD;AACA;AACA;;AAQA,MAAMe,oBAAoB,gBAAGjE,UAAU,CACrC,CAAC;EAAEwD,OAAO;EAAEX,SAAS;EAAEC,KAAK;EAAE,aAAa,EAAEoB,UAAU;EAAE,GAAGlB;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3E,MAAMkB,IAAI,GAAGX,OAAO,GAAG5C,IAAI,GAAGT,IAAI;EAClC,oBACEgC,IAAA,CAACgC,IAAI;IACHlB,GAAG,EAAEA,GAAI;IACTmB,2BAA2B,EAAEF,UAAU,KAAK,KAAM;IAClD,eAAaA,UAAU,IAAI,IAAK;IAChCrB,SAAS,EAAE5B,EAAE,CAACY,4BAA4B,CAAC,CAAC,EAAEgB,SAAS,CAAE;IACzDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLlC,mBAAmB,CAACkC,KAAK,EAAEnC,cAAc,CAAC;MAAEgD,IAAI,EAAE;IAAoB,CAAC,CAAC;EAAC,CAC9E,CAAC;AAEN,CACF,CAAC;AAEDI,oBAAoB,CAACf,WAAW,GAAG,uBAAuB;AAO1D,MAAMmB,cAAc,gBAAGrE,UAAU,CAC/B,CAAC;EAAEwD,OAAO;EAAEX,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChD,MAAMkB,IAAI,GAAGX,OAAO,GAAG5C,IAAI,GAAGT,IAAI;EAClC,oBACEgC,IAAA,CAACgC,IAAI;IACHlB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE5B,EAAE,CAACW,sBAAsB,CAAC,CAAC,EAAEiB,SAAS,CAAE;IACnDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLlC,mBAAmB,CAACkC,KAAK,EAAEnC,cAAc,CAAC;MAAEgD,IAAI,EAAE;IAAkB,CAAC,CAAC;EAAC,CAC5E,CAAC;AAEN,CACF,CAAC;AAEDQ,cAAc,CAACnB,WAAW,GAAG,iBAAiB;AAO9C,MAAMoB,cAAc,gBAAGtE,UAAU,CAC/B,CAAC;EAAEwD,OAAO;EAAEX,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChD,MAAMkB,IAAI,GAAGX,OAAO,GAAG5C,IAAI,GAAGV,IAAI;EAClC,oBACEiC,IAAA,CAACgC,IAAI;IACHlB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE5B,EAAE,CAACe,sBAAsB,CAAC,CAAC,EAAEa,SAAS,CAAE;IACnDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLlC,mBAAmB,CAACkC,KAAK,EAAEnC,cAAc,CAAC;MAAEgD,IAAI,EAAE;IAAkB,CAAC,CAAC;EAAC,CAC5E,CAAC;AAEN,CACF,CAAC;AAEDS,cAAc,CAACpB,WAAW,GAAG,iBAAiB;AAO9C,MAAMqB,oBAAoB,gBAAGvE,UAAU,CACrC,CAAC;EAAEwD,OAAO;EAAEX,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChD,MAAMkB,IAAI,GAAGX,OAAO,GAAG5C,IAAI,GAAGV,IAAI;EAClC,oBACEiC,IAAA,CAACgC,IAAI;IACHlB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE5B,EAAE,CAACO,4BAA4B,CAAC,CAAC,EAAEqB,SAAS,CAAE;IACzDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLlC,mBAAmB,CAACkC,KAAK,EAAEnC,cAAc,CAAC;MAAEgD,IAAI,EAAE;IAAwB,CAAC,CAAC;EAAC,CAClF,CAAC;AAEN,CACF,CAAC;AAEDU,oBAAoB,CAACrB,WAAW,GAAG,uBAAuB;AAO1D,MAAMsB,aAAa,gBAAGxE,UAAU,CAC9B,CAAC;EAAEwD,OAAO;EAAEX,SAAS;EAAEC,KAAK;EAAE,GAAGE;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChD,MAAMkB,IAAI,GAAGX,OAAO,GAAG5C,IAAI,GAAGV,IAAI;EAClC,oBACEiC,IAAA,CAACgC,IAAI;IACHlB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE5B,EAAE,CAACa,qBAAqB,CAAC,CAAC,EAAEe,SAAS,CAAE;IAClDC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLlC,mBAAmB,CAACkC,KAAK,EAAEnC,cAAc,CAAC;MAAEgD,IAAI,EAAE;IAAiB,CAAC,CAAC;EAAC,CAC3E,CAAC;AAEN,CACF,CAAC;AAEDW,aAAa,CAACtB,WAAW,GAAG,gBAAgB;;AAE5C;AACA;AACA;;AAOA,MAAMuB,cAAc,gBAAGzE,UAAU,CAC/B,CAAC;EAAE6C,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,kBAC5Cd,IAAA,CAAC5B,2BAA2B;EAC1B0C,GAAG,EAAEA,GAAI;EACTJ,SAAS,EAAE5B,EAAE,CAAC,QAAQ,EAAE4B,SAAS,CAAE;EACnCC,KAAK,EAAEA,KAAM;EAAA,GACTE,KAAK;EAAAD,QAAA,EAERA;AAAQ,CACkB,CAEjC,CAAC;AAED0B,cAAc,CAACvB,WAAW,GAAG,iBAAiB;AAO9C,MAAMwB,aAAa,gBAAG1E,UAAU,CAC9B,CAAC;EAAE6C,SAAS;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjD,MAAM;IAAEN;EAAe,CAAC,GAAGF,4BAA4B,CAAC,CAAC;EAEzD,oBACEN,IAAA,CAAChC,IAAI;IACH8C,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAE5B,EAAE,CAACM,qBAAqB,CAAC;MAAEoB;IAAe,CAAC,CAAC,EAAEE,SAAS,CAAE;IACpEC,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLlC,mBAAmB,CAACkC,KAAK,EAAEnC,cAAc,CAAC;MAAEgD,IAAI,EAAE;IAAiB,CAAC,CAAC,CAAC;IAAAd,QAAA,EAEzEA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAED2B,aAAa,CAACxB,WAAW,GAAG,gBAAgB;;AAE5C;AACA;AACA;;AAeA,OAAO,MAAMyB,SAAS,GAAGC,MAAM,CAACC,MAAM,CAACrE,aAAa,EAAE;EACpDsE,IAAI,EAAE3B,aAAa;EACnB4B,OAAO,EAAExB,gBAAgB;EACzByB,WAAW,EAAEf,oBAAoB;EACjCgB,KAAK,EAAEZ,cAAc;EACrBa,KAAK,EAAEZ,cAAc;EACrBa,WAAW,EAAEZ,oBAAoB;EACjCa,IAAI,EAAEZ,aAAa;EACnBa,SAAS,EAAE1B,kBAAkB;EAC7B2B,KAAK,EAAEb,cAAc;EACrBc,IAAI,EAAEb;AACR,CAAC,CAA+B","ignoreList":[]}

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

@@ -0,0 +1,45 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from '@cdx-ui/utils';
+import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
+export const accordionRootVariants = cva(['flex w-full flex-col']);
+export const accordionItemVariants = cva(['flex w-full flex-col overflow-clip', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]']);
+export const accordionHeadingVariants = cva(['relative w-full bg-[var(--color-transparent,rgba(255,255,255,0))]', 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',
+  // Overlay tracks trigger interaction data-* (Figma Accordion.Heading > [background-color]).
+  'has-[[data-hover=true]]:before:opacity-[var(--opacity-hover)]', 'has-[[data-active=true][data-hover=true]]:before:opacity-[var(--opacity-hover-overlay)]', 'has-[[data-focus-visible=true]]:before:opacity-[var(--opacity-focus)]'].join(' '),
+  default: ''
+})]);
+export const accordionTriggerVariants = cva(['relative z-10 flex w-full flex-row items-center gap-3 min-h-[52px] bg-transparent outline-none', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', DISABLED_CURSOR, Platform.select({
+  web: '',
+  default: 'data-[active=true]:bg-surface-primary-hover'
+})], {
+  variants: {
+    disableGutters: {
+      true: 'px-0 py-4',
+      false: 'p-4'
+    }
+  },
+  defaultVariants: {
+    disableGutters: 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', TRANSITION_COLORS]);
+export const accordionBodyVariants = cva(['flex w-full flex-col gap-2 pb-4'], {
+  variants: {
+    disableGutters: {
+      true: 'px-0',
+      false: 'px-4'
+    }
+  },
+  defaultVariants: {
+    disableGutters: false
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","accordionRootVariants","accordionItemVariants","accordionHeadingVariants","select","web","join","default","accordionTriggerVariants","variants","disableGutters","true","false","defaultVariants","accordionLeadingSlotVariants","accordionLabelVariants","accordionTitleVariants","accordionDescriptionVariants","accordionMetaVariants","accordionIndicatorVariants","accordionBodyVariants"],"sourceRoot":"../../../../src","sources":["components/Accordion/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,qBAAqB,GAAGH,GAAG,CAAC,CAAC,sBAAsB,CAAC,CAAC;AAElE,OAAO,MAAMI,qBAAqB,GAAGJ,GAAG,CAAC,CACvC,oCAAoC,EACpC,wDAAwD,CACzD,CAAC;AAEF,OAAO,MAAMK,wBAAwB,GAAGL,GAAG,CAAC,CAC1C,mEAAmE,EACnED,QAAQ,CAACO,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,qIAAqI,EACrI,+DAA+D;EAC/D;EACA,+DAA+D,EAC/D,yFAAyF,EACzF,uEAAuE,CACxE,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;AACX,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMC,wBAAwB,GAAGV,GAAG,CACzC,CACE,gGAAgG,EAChG,wEAAwE,EACxEC,eAAe,EACfF,QAAQ,CAACO,MAAM,CAAC;EACdC,GAAG,EAAE,EAAE;EACPE,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEE,QAAQ,EAAE;IACRC,cAAc,EAAE;MACdC,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,cAAc,EAAE;EAClB;AACF,CACF,CAAC;AAED,OAAO,MAAMI,4BAA4B,GAAGhB,GAAG,CAAC,CAC9C,yDAAyD,CAC1D,CAAC;AAEF,OAAO,MAAMiB,sBAAsB,GAAGjB,GAAG,CAAC,CACxC,mEAAmE,CACpE,CAAC;AAEF,OAAO,MAAMkB,sBAAsB,GAAGlB,GAAG,CAAC,CAAC,0CAA0C,CAAC,CAAC;AAEvF,OAAO,MAAMmB,4BAA4B,GAAGnB,GAAG,CAAC,CAAC,gCAAgC,CAAC,CAAC;AAEnF,OAAO,MAAMoB,qBAAqB,GAAGpB,GAAG,CAAC,CAAC,gCAAgC,CAAC,CAAC;AAE5E,OAAO,MAAMqB,0BAA0B,GAAGrB,GAAG,CAAC,CAC5C,8EAA8E,EAC9E,8BAA8B,EAC9BE,iBAAiB,CAClB,CAAC;AAEF,OAAO,MAAMoB,qBAAqB,GAAGtB,GAAG,CAAC,CAAC,iCAAiC,CAAC,EAAE;EAC5EW,QAAQ,EAAE;IACRC,cAAc,EAAE;MACdC,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -33,6 +33,7 @@ export * from './Input';
 export * from './OtpInput';
 export * from './Link';
 export * from './ListItem';
+export * from './Accordion';
 export * from './Menu';
 export * from './ProgressBar';
 export * from './ProgressCircle';

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

@@ -1 +1 @@
-{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}
+{"version":3,"names":["HStack","VStack"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,OAAO;AACrB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,iBAAiB;AAC/B,cAAc,aAAa;AAC3B,cAAc,YAAY;AAC1B,cAAc,iBAAiB;AAC/B,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,mBAAmB;AACjC,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,uBAAuB;AACrC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,aAAa;AAC3B,cAAc,QAAQ;AACtB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,YAAY;AAC1B,cAAc,qBAAqB;AACnC,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,mBAAmB;AACjC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,SAASA,MAAM,EAAEC,MAAM,QAAQ,SAAS;AACxC,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,qBAAqB","ignoreList":[]}

package/lib/module/figma/Accordion.figma.js

@@ -0,0 +1,41 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=11210-5320
+// source=packages/components/src/components/Accordion/index.tsx
+// component=Accordion
+import figma from 'figma';
+const instance = figma.selectedInstance;
+const disableGutters = instance.getEnum('disableGutters', {
+  true: true,
+  false: undefined
+});
+const isDisabled = instance.getEnum('isDisabled', {
+  true: true,
+  false: undefined
+});
+const showSeparator = instance.getBoolean('showSeparator');
+const showLeadingSlot = instance.getBoolean('Show LeadingSlot?');
+const disableGuttersProp = figma.helpers.react.renderProp('disableGutters', disableGutters);
+const disabledProp = figma.helpers.react.renderProp('disabled', isDisabled);
+const showSeparatorProp = figma.helpers.react.renderProp('showSeparator', showSeparator);
+export default {
+  id: 'accordion-item',
+  imports: ["import { Accordion, Icon, Text } from '@cdx-ui/components'", "import { Hexagon } from '@cdx-ui/icons'"],
+  example: figma.code`
+<Accordion type="single" collapsible defaultValue="item-1">
+  <Accordion.Item value="item-1"${disableGuttersProp}${disabledProp}${showSeparatorProp}>
+    <Accordion.Trigger>
+      ${showLeadingSlot ? figma.code`<Accordion.LeadingSlot><Icon as={Hexagon} /></Accordion.LeadingSlot>` : null}
+      <Accordion.Label>
+        <Accordion.Title>Label</Accordion.Title>
+      </Accordion.Label>
+    </Accordion.Trigger>
+    <Accordion.Panel>
+      <Accordion.Body>
+        <Text size="sm">Lorem ipsum dolor sit amet.</Text>
+      </Accordion.Body>
+    </Accordion.Panel>
+  </Accordion.Item>
+</Accordion>`
+};
+//# sourceMappingURL=Accordion.figma.js.map

package/lib/module/figma/Accordion.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","instance","selectedInstance","disableGutters","getEnum","true","false","undefined","isDisabled","showSeparator","getBoolean","showLeadingSlot","disableGuttersProp","helpers","react","renderProp","disabledProp","showSeparatorProp","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Accordion.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;AAEvC,MAAMC,cAAc,GAAGF,QAAQ,CAACG,OAAO,CAAC,gBAAgB,EAAE;EACxDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGP,QAAQ,CAACG,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,aAAa,GAAGR,QAAQ,CAACS,UAAU,CAAC,eAAe,CAAC;AAC1D,MAAMC,eAAe,GAAGV,QAAQ,CAACS,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAME,kBAAkB,GAAGZ,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,gBAAgB,EAAEZ,cAAc,CAAC;AAC3F,MAAMa,YAAY,GAAGhB,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEP,UAAU,CAAC;AAC3E,MAAMS,iBAAiB,GAAGjB,KAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,eAAe,EAAEN,aAAa,CAAC;AAExF,eAAe;EACbS,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CACP,4DAA4D,EAC5D,yCAAyC,CAC1C;EACDC,OAAO,EAAEpB,KAAK,CAACqB,IAAI;AACrB;AACA,kCAAkCT,kBAAkB,GAAGI,YAAY,GAAGC,iBAAiB;AACvF;AACA,QAAQN,eAAe,GAAGX,KAAK,CAACqB,IAAI,sEAAsE,GAAG,IAAI;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/typescript/components/Accordion/index.d.ts

@@ -0,0 +1,85 @@
+import { type ReactNode } from 'react';
+import { Text, View, type TextProps, type ViewProps } from 'react-native';
+import { type IAccordionItemProps, type IAccordionProps, type IAccordionTriggerProps } from '@cdx-ui/primitives';
+export interface AccordionProps extends IAccordionProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionProps & import("react").RefAttributes<View>>;
+export interface AccordionItemProps extends IAccordionItemProps {
+    className?: string;
+    children?: ReactNode;
+    /** Removes horizontal padding on trigger and body. */
+    disableGutters?: boolean;
+    /** Renders a Divider below the item when true. @default true */
+    showSeparator?: boolean;
+}
+declare const AccordionItem: import("react").ForwardRefExoticComponent<AccordionItemProps & import("react").RefAttributes<View>>;
+export interface AccordionTriggerProps extends IAccordionTriggerProps {
+    /**
+     * Substitute the rendered trigger element with the single child. The child must
+     * be another Forge primitive (IconButton, Chip, Button) — anything whose
+     * underlying Pressable accepts Pressable-shaped handlers. When set, the
+     * auto-injected expand indicator is skipped and `accordionTriggerVariants` is not
+     * applied so the substituted component's own appearance wins.
+     */
+    asChild?: boolean;
+    className?: string;
+    children?: ReactNode;
+}
+declare const AccordionTrigger: import("react").ForwardRefExoticComponent<AccordionTriggerProps & import("react").RefAttributes<View>>;
+export interface AccordionIndicatorProps extends ViewProps {
+    className?: string;
+}
+declare const AccordionIndicator: import("react").ForwardRefExoticComponent<AccordionIndicatorProps & import("react").RefAttributes<View>>;
+export interface AccordionLeadingSlotProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+    'aria-hidden'?: boolean;
+}
+declare const AccordionLeadingSlot: import("react").ForwardRefExoticComponent<AccordionLeadingSlotProps & import("react").RefAttributes<View>>;
+export interface AccordionLabelProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const AccordionLabel: import("react").ForwardRefExoticComponent<AccordionLabelProps & import("react").RefAttributes<View>>;
+export interface AccordionTitleProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const AccordionTitle: import("react").ForwardRefExoticComponent<AccordionTitleProps & import("react").RefAttributes<Text>>;
+export interface AccordionDescriptionProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const AccordionDescription: import("react").ForwardRefExoticComponent<AccordionDescriptionProps & import("react").RefAttributes<Text>>;
+export interface AccordionMetaProps extends TextProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const AccordionMeta: import("react").ForwardRefExoticComponent<AccordionMetaProps & import("react").RefAttributes<Text>>;
+export interface AccordionPanelProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AccordionPanel: import("react").ForwardRefExoticComponent<AccordionPanelProps & import("react").RefAttributes<View>>;
+export interface AccordionBodyProps extends ViewProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const AccordionBody: import("react").ForwardRefExoticComponent<AccordionBodyProps & import("react").RefAttributes<View>>;
+type AccordionCompoundComponent = typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+    Trigger: typeof AccordionTrigger;
+    LeadingSlot: typeof AccordionLeadingSlot;
+    Label: typeof AccordionLabel;
+    Title: typeof AccordionTitle;
+    Description: typeof AccordionDescription;
+    Meta: typeof AccordionMeta;
+    Indicator: typeof AccordionIndicator;
+    Panel: typeof AccordionPanel;
+    Body: typeof AccordionBody;
+};
+export declare const Accordion: AccordionCompoundComponent;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"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"}

package/lib/typescript/components/Accordion/styles.d.ts

@@ -0,0 +1,18 @@
+import { type VariantProps } from '@cdx-ui/utils';
+export declare const accordionRootVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionHeadingVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionTriggerVariants: (props?: ({
+    disableGutters?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const accordionLeadingSlotVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionLabelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionMetaVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const accordionBodyVariants: (props?: ({
+    disableGutters?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type AccordionItemVariantProps = VariantProps<typeof accordionTriggerVariants>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/components/Accordion/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAGvD,eAAO,MAAM,qBAAqB,oFAAgC,CAAC;AAEnE,eAAO,MAAM,qBAAqB,oFAGhC,CAAC;AAEH,eAAO,MAAM,wBAAwB,oFAanC,CAAC;AAEH,eAAO,MAAM,wBAAwB;;8EAqBpC,CAAC;AAEF,eAAO,MAAM,4BAA4B,oFAEvC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAEjC,CAAC;AAEH,eAAO,MAAM,sBAAsB,oFAAoD,CAAC;AAExF,eAAO,MAAM,4BAA4B,oFAA0C,CAAC;AAEpF,eAAO,MAAM,qBAAqB,oFAA0C,CAAC;AAE7E,eAAO,MAAM,0BAA0B,oFAIrC,CAAC;AAEH,eAAO,MAAM,qBAAqB;;8EAUhC,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,YAAY,CAAC,OAAO,wBAAwB,CAAC,CAAC"}

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

@@ -31,6 +31,7 @@ export * from './Input';
 export * from './OtpInput';
 export * from './Link';
 export * from './ListItem';
+export * from './Accordion';
 export * from './Menu';
 export * from './ProgressBar';
 export * from './ProgressCircle';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACzC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/lib/typescript/figma/Accordion.figma.d.ts

@@ -0,0 +1,8 @@
+import figma from 'figma';
+declare const _default: {
+    id: string;
+    imports: string[];
+    example: figma.TemplateStringResult;
+};
+export default _default;
+//# sourceMappingURL=Accordion.figma.d.ts.map

package/lib/typescript/figma/Accordion.figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Accordion.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAmB1B,wBAsBE"}

package/lib/typescript/figma/Alert.Button.figma.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
     metadata: {
         nestable: boolean;
     };
-    example: figma.ResultSection[] | figma.TemplateStringResult | null;
+    example: figma.TemplateStringResult | figma.ResultSection[] | null;
 };
 export default _default;
 //# sourceMappingURL=Alert.Button.figma.d.ts.map

package/lib/typescript/figma/Alert.Close.figma.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
     metadata: {
         nestable: boolean;
     };
-    example: figma.ResultSection[] | figma.TemplateStringResult;
+    example: figma.TemplateStringResult | figma.ResultSection[];
 };
 export default _default;
 //# sourceMappingURL=Alert.Close.figma.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-beta.171",
+  "version": "0.0.1-beta.172",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -81,10 +81,10 @@
     "@marceloterreiro/flash-calendar": "2.0.0",
     "react-native-reanimated-carousel": "5.0.0-beta.5",
     "uniwind": "1.10.0",
-    "@cdx-ui/primitives": "0.0.1-beta.171",
-    "@cdx-ui/utils": "0.0.1-beta.171",
-    "@cdx-ui/icons": "0.0.1-beta.171",
-    "@cdx-ui/formatters": "0.0.1-beta.171"
+    "@cdx-ui/formatters": "0.0.1-beta.172",
+    "@cdx-ui/primitives": "0.0.1-beta.172",
+    "@cdx-ui/icons": "0.0.1-beta.172",
+    "@cdx-ui/utils": "0.0.1-beta.172"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",