@cdx-ui/components 0.0.1-beta.175 → 0.0.1-beta.177

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

@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
 var _primitives = require("@cdx-ui/primitives");
 var _icons = require("@cdx-ui/icons");
 var _utils = require("@cdx-ui/utils");
-var _Divider = require("../Divider");
 var _Icon = require("../Icon");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -17,8 +16,7 @@ const ITEM_SCOPE = 'ACCORDION_ITEM';
 const useAccordionItemStyleContext = () => {
   const ctx = (0, _utils.useStyleContext)(ITEM_SCOPE);
   return {
-    disableGutters: ctx?.disableGutters ?? false,
-    showSeparator: ctx?.showSeparator ?? true
+    fullBleed: ctx?.fullBleed ?? false
   };
 };
 
@@ -27,12 +25,14 @@ const useAccordionItemStyleContext = () => {
 // =============================================================================
 
 const AccordionRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   children,
   ...props
 }, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionRoot, {
   ref: ref,
+  asChild: asChild,
   className: (0, _utils.cn)((0, _styles.accordionRootVariants)(), className),
   style: style,
   ...props,
@@ -45,10 +45,11 @@ AccordionRoot.displayName = 'Accordion';
 // =============================================================================
 
 const AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   children,
-  disableGutters = false,
+  fullBleed = false,
   showSeparator = true,
   ...props
 }, ref) => {
@@ -56,18 +57,20 @@ const AccordionItem = /*#__PURE__*/(0, _react.forwardRef)(({
   const ctx = (0, _react.useMemo)(() => ({
     ...parent,
     [ITEM_SCOPE]: {
-      disableGutters,
-      showSeparator
+      fullBleed
     }
-  }), [parent, disableGutters, showSeparator]);
+  }), [parent, fullBleed]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_utils.ParentContext.Provider, {
     value: ctx,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.AccordionItemRoot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionItemRoot, {
       ref: ref,
-      className: (0, _utils.cn)((0, _styles.accordionItemVariants)(), className),
+      asChild: asChild,
+      className: (0, _utils.cn)((0, _styles.accordionItemVariants)({
+        showSeparator
+      }), className),
       style: style,
       ...props,
-      children: [children, showSeparator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.Divider, {}) : null]
+      children: children
     })
   });
 });
@@ -82,27 +85,27 @@ const AccordionTrigger = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   children,
   asChild,
+  indicator,
   accessibilityLabel,
   ...props
 }, ref) => {
   const {
-    disableGutters
+    fullBleed
   } = useAccordionItemStyleContext();
   const computedClassName = asChild ? className : (0, _utils.cn)((0, _styles.accordionTriggerVariants)({
-    disableGutters
+    fullBleed
   }), className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    className: (0, _utils.cn)((0, _styles.accordionHeadingVariants)()),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionTriggerRoot, {
-      ref: ref,
-      asChild: asChild,
-      accessibilityLabel: accessibilityLabel,
-      className: computedClassName,
-      style: style,
-      ...props,
-      children: asChild ? children : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionIndicator, {})]
-      })
+  const triggerIndicator = indicator === undefined ? asChild ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(AccordionIndicator, {}) : indicator;
+  const triggerChildren = asChild && triggerIndicator !== undefined && /*#__PURE__*/(0, _react.isValidElement)(children) ? /*#__PURE__*/(0, _react.cloneElement)(children, undefined, children.props.children, triggerIndicator) : children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionTriggerRoot, {
+    ref: ref,
+    asChild: asChild,
+    accessibilityLabel: accessibilityLabel,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: asChild ? triggerChildren : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [children, triggerIndicator]
     })
   });
 });
@@ -113,23 +116,26 @@ AccordionTrigger.displayName = 'Accordion.Trigger';
 // =============================================================================
 
 const AccordionIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
+  children,
   ...props
 }, ref) => {
   const {
-    isExpanded
+    isOpen
   } = (0, _primitives.useAccordionItemContext)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
     ref: ref,
     className: (0, _utils.cn)((0, _styles.accordionIndicatorVariants)(), className),
     style: style,
     ...props,
-    ...(0, _primitives.dataAttributes)({
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
       slot: 'accordion-indicator',
-      state: isExpanded ? 'open' : 'closed'
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      state: isOpen ? 'open' : 'closed'
+    })),
+    children: children ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
       as: _icons.KeyboardArrowDown,
       size: 24
     })
@@ -236,45 +242,31 @@ const AccordionMeta = /*#__PURE__*/(0, _react.forwardRef)(({
 AccordionMeta.displayName = 'Accordion.Meta';
 
 // =============================================================================
-// PANEL / BODY
+// CONTENT
 // =============================================================================
 
-const AccordionPanel = /*#__PURE__*/(0, _react.forwardRef)(({
-  className,
-  style,
-  children,
-  ...props
-}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionPanelRoot, {
-  ref: ref,
-  className: (0, _utils.cn)('w-full', className),
-  style: style,
-  ...props,
-  children: children
-}));
-AccordionPanel.displayName = 'Accordion.Panel';
-const AccordionBody = /*#__PURE__*/(0, _react.forwardRef)(({
+const AccordionContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
   className,
   style,
   children,
   ...props
 }, ref) => {
   const {
-    disableGutters
+    fullBleed
   } = useAccordionItemStyleContext();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.AccordionContentRoot, {
     ref: ref,
-    className: (0, _utils.cn)((0, _styles.accordionBodyVariants)({
-      disableGutters
+    asChild: asChild,
+    className: (0, _utils.cn)((0, _styles.accordionContentVariants)({
+      fullBleed
     }), className),
     style: style,
     ...props,
-    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
-      slot: 'accordion-body'
-    })),
     children: children
   });
 });
-AccordionBody.displayName = 'Accordion.Body';
+AccordionContent.displayName = 'Accordion.Content';
 
 // =============================================================================
 // COMPOUND EXPORT
@@ -289,7 +281,6 @@ const Accordion = exports.Accordion = Object.assign(AccordionRoot, {
   Description: AccordionDescription,
   Meta: AccordionMeta,
   Indicator: AccordionIndicator,
-  Panel: AccordionPanel,
-  Body: AccordionBody
+  Content: AccordionContent
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_icons","_utils","_Divider","_Icon","_styles","_jsxRuntime","ITEM_SCOPE","useAccordionItemStyleContext","ctx","useStyleContext","disableGutters","showSeparator","AccordionRoot","forwardRef","className","style","children","props","ref","jsx","cn","accordionRootVariants","displayName","AccordionItem","parent","useParentContext","useMemo","ParentContext","Provider","value","jsxs","AccordionItemRoot","accordionItemVariants","Divider","AccordionTrigger","asChild","accessibilityLabel","computedClassName","accordionTriggerVariants","View","accordionHeadingVariants","AccordionTriggerRoot","Fragment","AccordionIndicator","isExpanded","useAccordionItemContext","accordionIndicatorVariants","dataAttributes","slot","state","Icon","as","KeyboardArrowDown","size","AccordionLeadingSlot","ariaHidden","Comp","Slot","accessibilityElementsHidden","accordionLeadingSlotVariants","mergeDataAttributes","AccordionLabel","accordionLabelVariants","AccordionTitle","Text","accordionTitleVariants","AccordionDescription","accordionDescriptionVariants","AccordionMeta","accordionMetaVariants","AccordionPanel","AccordionPanelRoot","AccordionBody","accordionBodyVariants","Accordion","exports","Object","assign","Item","Trigger","LeadingSlot","Label","Title","Description","Meta","Indicator","Panel","Body"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_icons","_utils","_Icon","_styles","_jsxRuntime","ITEM_SCOPE","useAccordionItemStyleContext","ctx","useStyleContext","fullBleed","AccordionRoot","forwardRef","asChild","className","style","children","props","ref","jsx","cn","accordionRootVariants","displayName","AccordionItem","showSeparator","parent","useParentContext","useMemo","ParentContext","Provider","value","AccordionItemRoot","accordionItemVariants","AccordionTrigger","indicator","accessibilityLabel","computedClassName","accordionTriggerVariants","triggerIndicator","undefined","AccordionIndicator","triggerChildren","isValidElement","cloneElement","AccordionTriggerRoot","jsxs","Fragment","isOpen","useAccordionItemContext","Comp","Slot","View","accordionIndicatorVariants","mergeDataAttributes","dataAttributes","slot","state","Icon","as","KeyboardArrowDown","size","AccordionLeadingSlot","ariaHidden","accessibilityElementsHidden","accordionLeadingSlotVariants","AccordionLabel","accordionLabelVariants","AccordionTitle","Text","accordionTitleVariants","AccordionDescription","accordionDescriptionVariants","AccordionMeta","accordionMetaVariants","AccordionContent","AccordionContentRoot","accordionContentVariants","Accordion","exports","Object","assign","Item","Trigger","LeadingSlot","Label","Title","Description","Meta","Indicator","Content"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,30 +3,34 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.accordionTriggerVariants = exports.accordionTitleVariants = exports.accordionRootVariants = exports.accordionMetaVariants = exports.accordionLeadingSlotVariants = exports.accordionLabelVariants = exports.accordionItemVariants = exports.accordionIndicatorVariants = exports.accordionHeadingVariants = exports.accordionDescriptionVariants = exports.accordionBodyVariants = void 0;
+exports.accordionTriggerVariants = exports.accordionTitleVariants = exports.accordionRootVariants = exports.accordionMetaVariants = exports.accordionLeadingSlotVariants = exports.accordionLabelVariants = exports.accordionItemVariants = exports.accordionIndicatorVariants = exports.accordionDescriptionVariants = exports.accordionContentVariants = void 0;
 var _reactNative = require("react-native");
 var _utils = require("@cdx-ui/utils");
 var _constants = require("../../styles/constants");
 const accordionRootVariants = exports.accordionRootVariants = (0, _utils.cva)(['flex w-full flex-col']);
-const accordionItemVariants = exports.accordionItemVariants = (0, _utils.cva)(['flex w-full flex-col overflow-clip', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]']);
-const accordionHeadingVariants = exports.accordionHeadingVariants = (0, _utils.cva)(['relative w-full bg-[var(--color-transparent,rgba(255,255,255,0))]', _reactNative.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: ''
-})]);
-const accordionTriggerVariants = exports.accordionTriggerVariants = (0, _utils.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', _constants.DISABLED_CURSOR, _reactNative.Platform.select({
-  web: '',
+const accordionItemVariants = exports.accordionItemVariants = (0, _utils.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
+  }
+});
+const accordionTriggerVariants = exports.accordionTriggerVariants = (0, _utils.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', _constants.DISABLED_CURSOR, _reactNative.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: {
-    disableGutters: {
+    fullBleed: {
       true: 'px-0 py-4',
       false: 'p-4'
     }
   },
   defaultVariants: {
-    disableGutters: false
+    fullBleed: false
   }
 });
 const accordionLeadingSlotVariants = exports.accordionLeadingSlotVariants = (0, _utils.cva)(['relative z-10 flex shrink-0 items-center justify-center']);
@@ -34,16 +38,19 @@ const accordionLabelVariants = exports.accordionLabelVariants = (0, _utils.cva)(
 const accordionTitleVariants = exports.accordionTitleVariants = (0, _utils.cva)(['body-md font-medium text-content-primary']);
 const accordionDescriptionVariants = exports.accordionDescriptionVariants = (0, _utils.cva)(['body-sm text-content-secondary']);
 const accordionMetaVariants = exports.accordionMetaVariants = (0, _utils.cva)(['body-xs text-content-secondary']);
-const accordionIndicatorVariants = exports.accordionIndicatorVariants = (0, _utils.cva)(['relative z-10 flex shrink-0 items-center justify-center text-content-primary', 'data-[state=open]:rotate-180', _constants.TRANSITION_COLORS]);
-const accordionBodyVariants = exports.accordionBodyVariants = (0, _utils.cva)(['flex w-full flex-col gap-2 pb-4'], {
+const accordionIndicatorVariants = exports.accordionIndicatorVariants = (0, _utils.cva)(['relative z-10 flex shrink-0 items-center justify-center text-content-primary', 'data-[state=open]:rotate-180', _reactNative.Platform.select({
+  web: 'transition-transform duration-150 ease-out',
+  default: ''
+})]);
+const accordionContentVariants = exports.accordionContentVariants = (0, _utils.cva)(['flex w-full flex-col gap-2 pb-4'], {
   variants: {
-    disableGutters: {
+    fullBleed: {
       true: 'px-0',
       false: 'px-4'
     }
   },
   defaultVariants: {
-    disableGutters: false
+    fullBleed: false
   }
 });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_utils","_constants","accordionRootVariants","exports","cva","accordionItemVariants","accordionHeadingVariants","Platform","select","web","join","default","accordionTriggerVariants","DISABLED_CURSOR","variants","disableGutters","true","false","defaultVariants","accordionLeadingSlotVariants","accordionLabelVariants","accordionTitleVariants","accordionDescriptionVariants","accordionMetaVariants","accordionIndicatorVariants","TRANSITION_COLORS","accordionBodyVariants"],"sourceRoot":"../../../../src","sources":["components/Accordion/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,UAAG,EAAC,CAAC,sBAAsB,CAAC,CAAC;AAE3D,MAAMC,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAG,IAAAD,UAAG,EAAC,CACvC,oCAAoC,EACpC,wDAAwD,CACzD,CAAC;AAEK,MAAME,wBAAwB,GAAAH,OAAA,CAAAG,wBAAA,GAAG,IAAAF,UAAG,EAAC,CAC1C,mEAAmE,EACnEG,qBAAQ,CAACC,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;AAEK,MAAMC,wBAAwB,GAAAT,OAAA,CAAAS,wBAAA,GAAG,IAAAR,UAAG,EACzC,CACE,gGAAgG,EAChG,wEAAwE,EACxES,0BAAe,EACfN,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,EAAE;EACPE,OAAO,EAAE;AACX,CAAC,CAAC,CACH,EACD;EACEG,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;AAEM,MAAMI,4BAA4B,GAAAhB,OAAA,CAAAgB,4BAAA,GAAG,IAAAf,UAAG,EAAC,CAC9C,yDAAyD,CAC1D,CAAC;AAEK,MAAMgB,sBAAsB,GAAAjB,OAAA,CAAAiB,sBAAA,GAAG,IAAAhB,UAAG,EAAC,CACxC,mEAAmE,CACpE,CAAC;AAEK,MAAMiB,sBAAsB,GAAAlB,OAAA,CAAAkB,sBAAA,GAAG,IAAAjB,UAAG,EAAC,CAAC,0CAA0C,CAAC,CAAC;AAEhF,MAAMkB,4BAA4B,GAAAnB,OAAA,CAAAmB,4BAAA,GAAG,IAAAlB,UAAG,EAAC,CAAC,gCAAgC,CAAC,CAAC;AAE5E,MAAMmB,qBAAqB,GAAApB,OAAA,CAAAoB,qBAAA,GAAG,IAAAnB,UAAG,EAAC,CAAC,gCAAgC,CAAC,CAAC;AAErE,MAAMoB,0BAA0B,GAAArB,OAAA,CAAAqB,0BAAA,GAAG,IAAApB,UAAG,EAAC,CAC5C,8EAA8E,EAC9E,8BAA8B,EAC9BqB,4BAAiB,CAClB,CAAC;AAEK,MAAMC,qBAAqB,GAAAvB,OAAA,CAAAuB,qBAAA,GAAG,IAAAtB,UAAG,EAAC,CAAC,iCAAiC,CAAC,EAAE;EAC5EU,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":[]}
+{"version":3,"names":["_reactNative","require","_utils","_constants","accordionRootVariants","exports","cva","accordionItemVariants","variants","showSeparator","true","false","defaultVariants","accordionTriggerVariants","DISABLED_CURSOR","Platform","select","web","join","default","fullBleed","accordionLeadingSlotVariants","accordionLabelVariants","accordionTitleVariants","accordionDescriptionVariants","accordionMetaVariants","accordionIndicatorVariants","accordionContentVariants"],"sourceRoot":"../../../../src","sources":["components/Accordion/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,UAAG,EAAC,CAAC,sBAAsB,CAAC,CAAC;AAE3D,MAAMC,qBAAqB,GAAAF,OAAA,CAAAE,qBAAA,GAAG,IAAAD,UAAG,EACtC,CAAC,sBAAsB,EAAE,wDAAwD,CAAC,EAClF;EACEE,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;AAEM,MAAMI,wBAAwB,GAAAR,OAAA,CAAAQ,wBAAA,GAAG,IAAAP,UAAG,EACzC,CACE,0GAA0G,EAC1G,wEAAwE,EACxEQ,0BAAe,EACfC,qBAAQ,CAACC,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;EACEX,QAAQ,EAAE;IACRY,SAAS,EAAE;MACTV,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfQ,SAAS,EAAE;EACb;AACF,CACF,CAAC;AAEM,MAAMC,4BAA4B,GAAAhB,OAAA,CAAAgB,4BAAA,GAAG,IAAAf,UAAG,EAAC,CAC9C,yDAAyD,CAC1D,CAAC;AAEK,MAAMgB,sBAAsB,GAAAjB,OAAA,CAAAiB,sBAAA,GAAG,IAAAhB,UAAG,EAAC,CACxC,mEAAmE,CACpE,CAAC;AAEK,MAAMiB,sBAAsB,GAAAlB,OAAA,CAAAkB,sBAAA,GAAG,IAAAjB,UAAG,EAAC,CAAC,0CAA0C,CAAC,CAAC;AAEhF,MAAMkB,4BAA4B,GAAAnB,OAAA,CAAAmB,4BAAA,GAAG,IAAAlB,UAAG,EAAC,CAAC,gCAAgC,CAAC,CAAC;AAE5E,MAAMmB,qBAAqB,GAAApB,OAAA,CAAAoB,qBAAA,GAAG,IAAAnB,UAAG,EAAC,CAAC,gCAAgC,CAAC,CAAC;AAErE,MAAMoB,0BAA0B,GAAArB,OAAA,CAAAqB,0BAAA,GAAG,IAAApB,UAAG,EAAC,CAC5C,8EAA8E,EAC9E,8BAA8B,EAC9BS,qBAAQ,CAACC,MAAM,CAAC;EAAEC,GAAG,EAAE,4CAA4C;EAAEE,OAAO,EAAE;AAAG,CAAC,CAAC,CACpF,CAAC;AAEK,MAAMQ,wBAAwB,GAAAtB,OAAA,CAAAsB,wBAAA,GAAG,IAAArB,UAAG,EAAC,CAAC,iCAAiC,CAAC,EAAE;EAC/EE,QAAQ,EAAE;IACRY,SAAS,EAAE;MACTV,IAAI,EAAE,MAAM;MACZC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfQ,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Accordion.figma.js

@@ -11,36 +11,39 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 // component=Accordion
 
 const instance = _figma.default.selectedInstance;
-const disableGutters = instance.getEnum('disableGutters', {
+const fullBleed = instance.getEnum('disableGutters', {
   true: true,
   false: undefined
 });
+const defaultValue = instance.getEnum('isExpanded', {
+  true: 'item-1',
+  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.default.helpers.react.renderProp('disableGutters', disableGutters);
+const defaultValueProp = _figma.default.helpers.react.renderProp('defaultValue', defaultValue);
+const fullBleedProp = _figma.default.helpers.react.renderProp('fullBleed', fullBleed);
 const disabledProp = _figma.default.helpers.react.renderProp('disabled', isDisabled);
-const showSeparatorProp = _figma.default.helpers.react.renderProp('showSeparator', showSeparator);
+const showSeparatorProp = _figma.default.helpers.react.renderProp('showSeparator', showSeparator ? undefined : false);
 var _default = exports.default = {
   id: 'accordion-item',
   imports: ["import { Accordion, Icon, Text } from '@cdx-ui/components'", "import { Hexagon } from '@cdx-ui/icons'"],
   example: _figma.default.code`
-<Accordion type="single" collapsible defaultValue="item-1">
-  <Accordion.Item value="item-1"${disableGuttersProp}${disabledProp}${showSeparatorProp}>
+<Accordion type="single" collapsible${defaultValueProp}>
+  <Accordion.Item value="item-1"${fullBleedProp}${disabledProp}${showSeparatorProp}>
     <Accordion.Trigger>
       ${showLeadingSlot ? _figma.default.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.Content>
+      <Text size="sm">Lorem ipsum dolor sit amet.</Text>
+    </Accordion.Content>
   </Accordion.Item>
 </Accordion>`
 };

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

@@ -1 +1 @@
-{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","disableGutters","getEnum","true","false","undefined","isDisabled","showSeparator","getBoolean","showLeadingSlot","disableGuttersProp","helpers","react","renderProp","disabledProp","showSeparatorProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Accordion.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,cAAc,GAAGH,QAAQ,CAACI,OAAO,CAAC,gBAAgB,EAAE;EACxDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,UAAU,GAAGR,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,aAAa,GAAGT,QAAQ,CAACU,UAAU,CAAC,eAAe,CAAC;AAC1D,MAAMC,eAAe,GAAGX,QAAQ,CAACU,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAME,kBAAkB,GAAGX,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,gBAAgB,EAAEZ,cAAc,CAAC;AAC3F,MAAMa,YAAY,GAAGf,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEP,UAAU,CAAC;AAC3E,MAAMS,iBAAiB,GAAGhB,cAAK,CAACY,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,eAAe,EAAEN,aAAa,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAE1E;EACbqB,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CACP,4DAA4D,EAC5D,yCAAyC,CAC1C;EACDC,OAAO,EAAErB,cAAK,CAACsB,IAAI;AACrB;AACA,kCAAkCX,kBAAkB,GAAGI,YAAY,GAAGC,iBAAiB;AACvF;AACA,QAAQN,eAAe,GAAGV,cAAK,CAACsB,IAAI,sEAAsE,GAAG,IAAI;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","fullBleed","getEnum","true","false","undefined","defaultValue","isDisabled","showSeparator","getBoolean","showLeadingSlot","defaultValueProp","helpers","react","renderProp","fullBleedProp","disabledProp","showSeparatorProp","_default","exports","id","imports","example","code"],"sourceRoot":"../../../src","sources":["figma/Accordion.figma.ts"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAH1B;AACA;AACA;;AAGA,MAAMG,QAAQ,GAAGC,cAAK,CAACC,gBAAgB;AAEvC,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,gBAAgB,EAAE;EACnDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMC,YAAY,GAAGR,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAClDC,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAME,UAAU,GAAGT,QAAQ,CAACI,OAAO,CAAC,YAAY,EAAE;EAChDC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AACF,MAAMG,aAAa,GAAGV,QAAQ,CAACW,UAAU,CAAC,eAAe,CAAC;AAC1D,MAAMC,eAAe,GAAGZ,QAAQ,CAACW,UAAU,CAAC,mBAAmB,CAAC;AAEhE,MAAME,gBAAgB,GAAGZ,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,cAAc,EAAER,YAAY,CAAC;AACrF,MAAMS,aAAa,GAAGhB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,WAAW,EAAEb,SAAS,CAAC;AAC5E,MAAMe,YAAY,GAAGjB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CAAC,UAAU,EAAEP,UAAU,CAAC;AAC3E,MAAMU,iBAAiB,GAAGlB,cAAK,CAACa,OAAO,CAACC,KAAK,CAACC,UAAU,CACtD,eAAe,EACfN,aAAa,GAAGH,SAAS,GAAG,KAC9B,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEa;EACbuB,EAAE,EAAE,gBAAgB;EACpBC,OAAO,EAAE,CACP,4DAA4D,EAC5D,yCAAyC,CAC1C;EACDC,OAAO,EAAEvB,cAAK,CAACwB,IAAI;AACrB,sCAAsCZ,gBAAgB;AACtD,kCAAkCI,aAAa,GAAGC,YAAY,GAAGC,iBAAiB;AAClF;AACA,QAAQP,eAAe,GAAGX,cAAK,CAACwB,IAAI,sEAAsE,GAAG,IAAI;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -1,20 +1,18 @@
 "use strict";
 
-import { forwardRef, useMemo } from 'react';
+import { cloneElement, forwardRef, isValidElement, 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 { 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 { 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";
+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 {
-    disableGutters: ctx?.disableGutters ?? false,
-    showSeparator: ctx?.showSeparator ?? true
+    fullBleed: ctx?.fullBleed ?? false
   };
 };
 
@@ -23,12 +21,14 @@ const useAccordionItemStyleContext = () => {
 // =============================================================================
 
 const AccordionRoot = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   children,
   ...props
 }, ref) => /*#__PURE__*/_jsx(AccordionRootPrimitive, {
   ref: ref,
+  asChild: asChild,
   className: cn(accordionRootVariants(), className),
   style: style,
   ...props,
@@ -41,10 +41,11 @@ AccordionRoot.displayName = 'Accordion';
 // =============================================================================
 
 const AccordionItem = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   children,
-  disableGutters = false,
+  fullBleed = false,
   showSeparator = true,
   ...props
 }, ref) => {
@@ -52,18 +53,20 @@ const AccordionItem = /*#__PURE__*/forwardRef(({
   const ctx = useMemo(() => ({
     ...parent,
     [ITEM_SCOPE]: {
-      disableGutters,
-      showSeparator
+      fullBleed
     }
-  }), [parent, disableGutters, showSeparator]);
+  }), [parent, fullBleed]);
   return /*#__PURE__*/_jsx(ParentContext.Provider, {
     value: ctx,
-    children: /*#__PURE__*/_jsxs(AccordionItemRootPrimitive, {
+    children: /*#__PURE__*/_jsx(AccordionItemRootPrimitive, {
       ref: ref,
-      className: cn(accordionItemVariants(), className),
+      asChild: asChild,
+      className: cn(accordionItemVariants({
+        showSeparator
+      }), className),
       style: style,
       ...props,
-      children: [children, showSeparator ? /*#__PURE__*/_jsx(Divider, {}) : null]
+      children: children
     })
   });
 });
@@ -78,27 +81,27 @@ const AccordionTrigger = /*#__PURE__*/forwardRef(({
   style,
   children,
   asChild,
+  indicator,
   accessibilityLabel,
   ...props
 }, ref) => {
   const {
-    disableGutters
+    fullBleed
   } = useAccordionItemStyleContext();
   const computedClassName = asChild ? className : cn(accordionTriggerVariants({
-    disableGutters
+    fullBleed
   }), 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, {})]
-      })
+  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]
     })
   });
 });
@@ -109,23 +112,26 @@ AccordionTrigger.displayName = 'Accordion.Trigger';
 // =============================================================================
 
 const AccordionIndicator = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
+  children,
   ...props
 }, ref) => {
   const {
-    isExpanded
+    isOpen
   } = useAccordionItemContext();
-  return /*#__PURE__*/_jsx(View, {
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
     ref: ref,
     className: cn(accordionIndicatorVariants(), className),
     style: style,
     ...props,
-    ...dataAttributes({
+    ...mergeDataAttributes(props, dataAttributes({
       slot: 'accordion-indicator',
-      state: isExpanded ? 'open' : 'closed'
-    }),
-    children: /*#__PURE__*/_jsx(Icon, {
+      state: isOpen ? 'open' : 'closed'
+    })),
+    children: children ?? /*#__PURE__*/_jsx(Icon, {
       as: KeyboardArrowDown,
       size: 24
     })
@@ -232,45 +238,31 @@ const AccordionMeta = /*#__PURE__*/forwardRef(({
 AccordionMeta.displayName = 'Accordion.Meta';
 
 // =============================================================================
-// PANEL / BODY
+// CONTENT
 // =============================================================================
 
-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(({
+const AccordionContent = /*#__PURE__*/forwardRef(({
+  asChild,
   className,
   style,
   children,
   ...props
 }, ref) => {
   const {
-    disableGutters
+    fullBleed
   } = useAccordionItemStyleContext();
-  return /*#__PURE__*/_jsx(View, {
+  return /*#__PURE__*/_jsx(AccordionContentRootPrimitive, {
     ref: ref,
-    className: cn(accordionBodyVariants({
-      disableGutters
+    asChild: asChild,
+    className: cn(accordionContentVariants({
+      fullBleed
     }), className),
     style: style,
     ...props,
-    ...mergeDataAttributes(props, dataAttributes({
-      slot: 'accordion-body'
-    })),
     children: children
   });
 });
-AccordionBody.displayName = 'Accordion.Body';
+AccordionContent.displayName = 'Accordion.Content';
 
 // =============================================================================
 // COMPOUND EXPORT
@@ -285,7 +277,6 @@ export const Accordion = Object.assign(AccordionRoot, {
   Description: AccordionDescription,
   Meta: AccordionMeta,
   Indicator: AccordionIndicator,
-  Panel: AccordionPanel,
-  Body: AccordionBody
+  Content: AccordionContent
 });
 //# sourceMappingURL=index.js.map