@cdx-ui/components 0.0.1-beta.107 → 0.0.1-beta.109

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

@@ -48,6 +48,30 @@ const CardRoot = /*#__PURE__*/(0, _react.forwardRef)(({
 });
 CardRoot.displayName = 'Card';
 
+// =============================================================================
+// STYLED STRIPE COMPONENT
+// =============================================================================
+
+const CardStripe = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.cardStripeVariants)(), className);
+  const Comp = asChild ? _primitives.Slot : _reactNative.View;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
+      slot: 'card-stripe'
+    }))
+  });
+});
+CardStripe.displayName = 'Card.Stripe';
+
 // =============================================================================
 // STYLED HEADER COMPONENT
 // =============================================================================
@@ -143,6 +167,7 @@ CardFooter.displayName = 'Card.Footer';
 // =============================================================================
 
 const Card = exports.Card = Object.assign(CardRoot, {
+  Stripe: CardStripe,
   Header: CardHeader,
   Content: CardContent,
   Footer: CardFooter

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","useCardStyleContext","useStyleContext","CardRoot","forwardRef","asChild","className","children","style","fullBleed","props","ref","parent","useParentContext","ctx","useMemo","computedClassName","cn","cardRootVariants","Comp","Slot","View","jsx","ParentContext","Provider","value","mergeDataAttributes","dataAttributes","slot","displayName","CardHeader","cardHeaderVariants","CardContent","fullBleedFromContext","cardContentVariants","CardFooter","cardFooterVariants","Card","exports","Object","assign","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","SCOPE","useCardStyleContext","useStyleContext","CardRoot","forwardRef","asChild","className","children","style","fullBleed","props","ref","parent","useParentContext","ctx","useMemo","computedClassName","cn","cardRootVariants","Comp","Slot","View","jsx","ParentContext","Provider","value","mergeDataAttributes","dataAttributes","slot","displayName","CardStripe","cardStripeVariants","CardHeader","cardHeaderVariants","CardContent","fullBleedFromContext","cardContentVariants","CardFooter","cardFooterVariants","Card","exports","Object","assign","Stripe","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.cardTitleVariants = exports.cardRootVariants = exports.cardHeaderVariants = exports.cardFooterVariants = exports.cardContentVariants = void 0;
+exports.cardTitleVariants = exports.cardStripeVariants = exports.cardRootVariants = exports.cardHeaderVariants = exports.cardFooterVariants = exports.cardContentVariants = void 0;
 var _classVarianceAuthority = require("class-variance-authority");
 // ── Root ────────────────────────────────────────────────────
 
@@ -16,9 +16,13 @@ const cardRootVariants = exports.cardRootVariants = (0, _classVarianceAuthority.
   }
 });
 
+// ── Stripe ──────────────────────────────────────────────────
+
+const cardStripeVariants = exports.cardStripeVariants = (0, _classVarianceAuthority.cva)(['bg-brand-400', 'h-2', 'w-full']);
+
 // ── Header ──────────────────────────────────────────────────
 
-const cardHeaderVariants = exports.cardHeaderVariants = (0, _classVarianceAuthority.cva)(['border-t-8 border-t-surface-brand-strong', 'border-b border-solid border-b-stroke-secondary', 'flex-row items-center justify-between gap-0.5', 'px-5 py-3']);
+const cardHeaderVariants = exports.cardHeaderVariants = (0, _classVarianceAuthority.cva)(['border-b border-solid border-b-stroke-secondary', 'flex-row items-center justify-between gap-0.5', 'px-5 py-3']);
 
 // ── Title ───────────────────────────────────────────────────
 

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

@@ -1 +1 @@
-{"version":3,"names":["_classVarianceAuthority","require","cardRootVariants","exports","cva","variants","fullBleed","true","false","cardHeaderVariants","cardTitleVariants","cardContentVariants","cardFooterVariants","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA;;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC;;AAED;;AAEO,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CACpC,0CAA0C,EAC1C,iDAAiD,EACjD,+CAA+C,EAC/C,WAAW,CACZ,CAAC;;AAEF;;AAEO,MAAMM,iBAAiB,GAAAP,OAAA,CAAAO,iBAAA,GAAG,IAAAN,2BAAG,EAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEO,MAAMO,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMK,kBAAkB,GAAAT,OAAA,CAAAS,kBAAA,GAAG,IAAAR,2BAAG,EAAC,CAAC,8BAA8B,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE;IACT;EACF,CAAC;EACDK,eAAe,EAAE;IACfP,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_classVarianceAuthority","require","cardRootVariants","exports","cva","variants","fullBleed","true","false","cardStripeVariants","cardHeaderVariants","cardTitleVariants","cardContentVariants","cardFooterVariants","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEA;;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,2BAAG,EACjC,CACE,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,iBAAiB,CAClB,EACD;EACEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC;;AAED;;AAEO,MAAMC,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,2BAAG,EAAC,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;;AAExE;;AAEO,MAAMM,kBAAkB,GAAAP,OAAA,CAAAO,kBAAA,GAAG,IAAAN,2BAAG,EAAC,CACpC,iDAAiD,EACjD,+CAA+C,EAC/C,WAAW,CACZ,CAAC;;AAEF;;AAEO,MAAMO,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAG,IAAAP,2BAAG,EAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEO,MAAMQ,mBAAmB,GAAAT,OAAA,CAAAS,mBAAA,GAAG,IAAAR,2BAAG,EAAC,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMM,kBAAkB,GAAAV,OAAA,CAAAU,kBAAA,GAAG,IAAAT,2BAAG,EAAC,CAAC,8BAA8B,CAAC,EAAE;EACtEC,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE;IACT;EACF,CAAC;EACDM,eAAe,EAAE;IACfR,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Card.Header.figma.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _figma = _interopRequireDefault(require("figma"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=455-178
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9091-6784
 // source=packages/components/src/components/Card/index.tsx
 // component=Card.Header
 

package/lib/commonjs/figma/Card.Stripe.figma.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _figma = _interopRequireDefault(require("figma"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9184-14219
+// source=packages/components/src/components/Card/index.tsx
+// component=Card.Stripe
+var _default = exports.default = {
+  id: 'card-stripe',
+  imports: ["import { Card } from '@cdx-ui/components'"],
+  example: _figma.default.code`<Card.Stripe />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Card.Stripe.figma.js.map

package/lib/commonjs/figma/Card.Stripe.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","_default","exports","id","imports","example","figma","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Card.Stripe.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;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAGe;EACbG,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEC,cAAK,CAACC,IAAI,iBAAiB;EACpCC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/commonjs/figma/Card.figma.js

@@ -19,6 +19,8 @@ const fullBleed = instance.getEnum('fullBleed', {
 });
 const showHeader = instance.getBoolean('Show Header?');
 const showFooter = instance.getBoolean('Show Footer?');
+const stripeLayer = instance.findInstance('Card.Stripe');
+const showStripe = stripeLayer?.type === 'INSTANCE';
 const headerLayer = instance.findInstance('Card.Header');
 const headerSnippet = showHeader && headerLayer?.type === 'INSTANCE' ? headerLayer.executeTemplate().example : null;
 const contentSlot = instance.getSlot('Card.Content');
@@ -34,6 +36,7 @@ var _default = exports.default = {
   imports: [componentImport],
   example: _figma.default.code`
 <Card fullBleed={${fullBleed}}>
+  ${showStripe ? _figma.default.code`<Card.Stripe />` : null}
   ${headerSnippet}
   <Card.Content>${contentChildren}</Card.Content>
   ${showFooter ? _figma.default.code`<Card.Footer>${footerChildren}</Card.Footer>` : null}

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

@@ -1 +1 @@
-{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","fullBleed","getEnum","true","false","undefined","showHeader","getBoolean","showFooter","headerLayer","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","footerSlot","contentChildren","helpers","react","renderChildren","footerChildren","componentImport","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.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;AACA,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGR,QAAQ,CAACS,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGV,QAAQ,CAACS,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGX,QAAQ,CAACY,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMC,aAAa,GACjBL,UAAU,IAAIG,WAAW,EAAEG,IAAI,KAAK,UAAU,GAAGH,WAAW,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,WAAW,GAAGjB,QAAQ,CAACkB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGnB,QAAQ,CAACkB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGhB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,cAAc,GAAGL,UAAU,GAAGlB,cAAK,CAACoB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACJ,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMM,eAAe,GAAGjB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEjC;EACb6B,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACJ,eAAe,CAAC;EAC1BT,OAAO,EAAEf,cAAK,CAAC6B,IAAI;AACrB,mBAAmB3B,SAAS;AAC5B,IAAIU,aAAa;AACjB,kBAAkBO,eAAe;AACjC,IAAIV,UAAU,GAAGT,cAAK,CAAC6B,IAAI,gBAAgBN,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["_figma","_interopRequireDefault","require","e","__esModule","default","instance","figma","selectedInstance","fullBleed","getEnum","true","false","undefined","showHeader","getBoolean","showFooter","stripeLayer","findInstance","showStripe","type","headerLayer","headerSnippet","executeTemplate","example","contentSlot","getSlot","footerSlot","contentChildren","helpers","react","renderChildren","footerChildren","componentImport","_default","exports","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.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;AACA,MAAMC,SAAS,GAAGH,QAAQ,CAACI,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGR,QAAQ,CAACS,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGV,QAAQ,CAACS,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGX,QAAQ,CAACY,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMC,UAAU,GAAGF,WAAW,EAAEG,IAAI,KAAK,UAAU;AAEnD,MAAMC,WAAW,GAAGf,QAAQ,CAACY,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMI,aAAa,GACjBR,UAAU,IAAIO,WAAW,EAAED,IAAI,KAAK,UAAU,GAAGC,WAAW,CAACE,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,WAAW,GAAGnB,QAAQ,CAACoB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGrB,QAAQ,CAACoB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGlB,cAAK,CAACsB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,cAAc,GAAGL,UAAU,GAAGpB,cAAK,CAACsB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACJ,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMM,eAAe,GAAGnB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEjC;EACb+B,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACJ,eAAe,CAAC;EAC1BT,OAAO,EAAEjB,cAAK,CAAC+B,IAAI;AACrB,mBAAmB7B,SAAS;AAC5B,IAAIU,UAAU,GAAGZ,cAAK,CAAC+B,IAAI,iBAAiB,GAAG,IAAI;AACnD,IAAIhB,aAAa;AACjB,kBAAkBM,eAAe;AACjC,IAAIZ,UAAU,GAAGT,cAAK,CAAC+B,IAAI,gBAAgBN,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import { forwardRef, useMemo } from 'react';
 import { View } from 'react-native';
 import { Slot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
 import { cn, ParentContext, useParentContext, useStyleContext } from '@cdx-ui/utils';
-import { cardContentVariants, cardFooterVariants, cardHeaderVariants, cardRootVariants } from './styles';
+import { cardContentVariants, cardFooterVariants, cardHeaderVariants, cardRootVariants, cardStripeVariants } from './styles';
 
 // =============================================================================
 // STYLED ROOT COMPONENT
@@ -45,6 +45,30 @@ const CardRoot = /*#__PURE__*/forwardRef(({
 });
 CardRoot.displayName = 'Card';
 
+// =============================================================================
+// STYLED STRIPE COMPONENT
+// =============================================================================
+
+const CardStripe = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(cardStripeVariants(), className);
+  const Comp = asChild ? Slot : View;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'card-stripe'
+    }))
+  });
+});
+CardStripe.displayName = 'Card.Stripe';
+
 // =============================================================================
 // STYLED HEADER COMPONENT
 // =============================================================================
@@ -140,6 +164,7 @@ CardFooter.displayName = 'Card.Footer';
 // =============================================================================
 
 export const Card = Object.assign(CardRoot, {
+  Stripe: CardStripe,
   Header: CardHeader,
   Content: CardContent,
   Footer: CardFooter

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

@@ -1 +1 @@
-{"version":3,"names":["forwardRef","useMemo","View","Slot","dataAttributes","mergeDataAttributes","cn","ParentContext","useParentContext","useStyleContext","cardContentVariants","cardFooterVariants","cardHeaderVariants","cardRootVariants","jsx","_jsx","SCOPE","useCardStyleContext","CardRoot","asChild","className","children","style","fullBleed","props","ref","parent","ctx","computedClassName","Comp","Provider","value","slot","displayName","CardHeader","CardContent","fullBleedFromContext","CardFooter","Card","Object","assign","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["forwardRef","useMemo","View","Slot","dataAttributes","mergeDataAttributes","cn","ParentContext","useParentContext","useStyleContext","cardContentVariants","cardFooterVariants","cardHeaderVariants","cardRootVariants","cardStripeVariants","jsx","_jsx","SCOPE","useCardStyleContext","CardRoot","asChild","className","children","style","fullBleed","props","ref","parent","ctx","computedClassName","Comp","Provider","value","slot","displayName","CardStripe","CardHeader","CardContent","fullBleedFromContext","CardFooter","Card","Object","assign","Stripe","Header","Content","Footer"],"sourceRoot":"../../../../src","sources":["components/Card/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -13,9 +13,13 @@ export const cardRootVariants = cva(['bg-surface-primary', 'border border-stroke
   }
 });
 
+// ── Stripe ──────────────────────────────────────────────────
+
+export const cardStripeVariants = cva(['bg-brand-400', 'h-2', 'w-full']);
+
 // ── Header ──────────────────────────────────────────────────
 
-export const cardHeaderVariants = cva(['border-t-8 border-t-surface-brand-strong', 'border-b border-solid border-b-stroke-secondary', 'flex-row items-center justify-between gap-0.5', 'px-5 py-3']);
+export const cardHeaderVariants = cva(['border-b border-solid border-b-stroke-secondary', 'flex-row items-center justify-between gap-0.5', 'px-5 py-3']);
 
 // ── Title ───────────────────────────────────────────────────
 

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

@@ -1 +1 @@
-{"version":3,"names":["cva","cardRootVariants","variants","fullBleed","true","false","cardHeaderVariants","cardTitleVariants","cardContentVariants","cardFooterVariants","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAsB,0BAA0B;;AAE5D;;AAEA,OAAO,MAAMC,gBAAgB,GAAGD,GAAG,CACjC,CACE,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,iBAAiB,CAClB,EACD;EACEE,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMC,kBAAkB,GAAGN,GAAG,CAAC,CACpC,0CAA0C,EAC1C,iDAAiD,EACjD,+CAA+C,EAC/C,WAAW,CACZ,CAAC;;AAEF;;AAEA,OAAO,MAAMO,iBAAiB,GAAGP,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEA,OAAO,MAAMQ,mBAAmB,GAAGR,GAAG,CAAC,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE;EACtEE,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMK,kBAAkB,GAAGT,GAAG,CAAC,CAAC,8BAA8B,CAAC,EAAE;EACtEE,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE;IACT;EACF,CAAC;EACDK,eAAe,EAAE;IACfP,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["cva","cardRootVariants","variants","fullBleed","true","false","cardStripeVariants","cardHeaderVariants","cardTitleVariants","cardContentVariants","cardFooterVariants","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Card/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAsB,0BAA0B;;AAE5D;;AAEA,OAAO,MAAMC,gBAAgB,GAAGD,GAAG,CACjC,CACE,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,iBAAiB,CAClB,EACD;EACEE,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMC,kBAAkB,GAAGN,GAAG,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC;;AAExE;;AAEA,OAAO,MAAMO,kBAAkB,GAAGP,GAAG,CAAC,CACpC,iDAAiD,EACjD,+CAA+C,EAC/C,WAAW,CACZ,CAAC;;AAEF;;AAEA,OAAO,MAAMQ,iBAAiB,GAAGR,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC;;AAEhD;;AAEA,OAAO,MAAMS,mBAAmB,GAAGT,GAAG,CAAC,CAAC,sBAAsB,EAAE,KAAK,CAAC,EAAE;EACtEE,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF;AACF,CAAC,CAAC;;AAEF;;AAEA,OAAO,MAAMM,kBAAkB,GAAGV,GAAG,CAAC,CAAC,8BAA8B,CAAC,EAAE;EACtEE,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,IAAI,EAAE,KAAK;MACXC,KAAK,EAAE;IACT;EACF,CAAC;EACDM,eAAe,EAAE;IACfR,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/figma/Card.Header.figma.js

@@ -1,6 +1,6 @@
 "use strict";
 
-// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--React-Native-Components?node-id=455-178
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9091-6784
 // source=packages/components/src/components/Card/index.tsx
 // component=Card.Header
 import figma from 'figma';

package/lib/module/figma/Card.Stripe.figma.js

@@ -0,0 +1,15 @@
+"use strict";
+
+// url=https://www.figma.com/design/0lEVMVlLj8ZS4fgItr3pmd/%E2%AD%90-Forge-DS--Components?node-id=9184-14219
+// source=packages/components/src/components/Card/index.tsx
+// component=Card.Stripe
+import figma from 'figma';
+export default {
+  id: 'card-stripe',
+  imports: ["import { Card } from '@cdx-ui/components'"],
+  example: figma.code`<Card.Stripe />`,
+  metadata: {
+    nestable: true
+  }
+};
+//# sourceMappingURL=Card.Stripe.figma.js.map

package/lib/module/figma/Card.Stripe.figma.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["figma","id","imports","example","code","metadata","nestable"],"sourceRoot":"../../../src","sources":["figma/Card.Stripe.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,eAAe;EACbC,EAAE,EAAE,aAAa;EACjBC,OAAO,EAAE,CAAC,2CAA2C,CAAC;EACtDC,OAAO,EAAEH,KAAK,CAACI,IAAI,iBAAiB;EACpCC,QAAQ,EAAE;IAAEC,QAAQ,EAAE;EAAK;AAC7B,CAAC","ignoreList":[]}

package/lib/module/figma/Card.figma.js

@@ -13,6 +13,8 @@ const fullBleed = instance.getEnum('fullBleed', {
 });
 const showHeader = instance.getBoolean('Show Header?');
 const showFooter = instance.getBoolean('Show Footer?');
+const stripeLayer = instance.findInstance('Card.Stripe');
+const showStripe = stripeLayer?.type === 'INSTANCE';
 const headerLayer = instance.findInstance('Card.Header');
 const headerSnippet = showHeader && headerLayer?.type === 'INSTANCE' ? headerLayer.executeTemplate().example : null;
 const contentSlot = instance.getSlot('Card.Content');
@@ -28,6 +30,7 @@ export default {
   imports: [componentImport],
   example: figma.code`
 <Card fullBleed={${fullBleed}}>
+  ${showStripe ? figma.code`<Card.Stripe />` : null}
   ${headerSnippet}
   <Card.Content>${contentChildren}</Card.Content>
   ${showFooter ? figma.code`<Card.Footer>${footerChildren}</Card.Footer>` : null}

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

@@ -1 +1 @@
-{"version":3,"names":["figma","instance","selectedInstance","fullBleed","getEnum","true","false","undefined","showHeader","getBoolean","showFooter","headerLayer","findInstance","headerSnippet","type","executeTemplate","example","contentSlot","getSlot","footerSlot","contentChildren","helpers","react","renderChildren","footerChildren","componentImport","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGP,QAAQ,CAACQ,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGT,QAAQ,CAACQ,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGV,QAAQ,CAACW,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMC,aAAa,GACjBL,UAAU,IAAIG,WAAW,EAAEG,IAAI,KAAK,UAAU,GAAGH,WAAW,CAACI,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,WAAW,GAAGhB,QAAQ,CAACiB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGlB,QAAQ,CAACiB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGjB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,cAAc,GAAGL,UAAU,GAAGnB,KAAK,CAACqB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACJ,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMM,eAAe,GAAGjB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAE/C,eAAe;EACbkB,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACF,eAAe,CAAC;EAC1BT,OAAO,EAAEhB,KAAK,CAAC4B,IAAI;AACrB,mBAAmBzB,SAAS;AAC5B,IAAIU,aAAa;AACjB,kBAAkBO,eAAe;AACjC,IAAIV,UAAU,GAAGV,KAAK,CAAC4B,IAAI,gBAAgBJ,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}
+{"version":3,"names":["figma","instance","selectedInstance","fullBleed","getEnum","true","false","undefined","showHeader","getBoolean","showFooter","stripeLayer","findInstance","showStripe","type","headerLayer","headerSnippet","executeTemplate","example","contentSlot","getSlot","footerSlot","contentChildren","helpers","react","renderChildren","footerChildren","componentImport","id","imports","code"],"sourceRoot":"../../../src","sources":["figma/Card.figma.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,QAAQ,GAAGD,KAAK,CAACE,gBAAgB;;AAEvC;AACA,MAAMC,SAAS,GAAGF,QAAQ,CAACG,OAAO,CAAC,WAAW,EAAE;EAC9CC,IAAI,EAAE,IAAI;EACVC,KAAK,EAAEC;AACT,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGP,QAAQ,CAACQ,UAAU,CAAC,cAAc,CAAC;AACtD,MAAMC,UAAU,GAAGT,QAAQ,CAACQ,UAAU,CAAC,cAAc,CAAC;AAEtD,MAAME,WAAW,GAAGV,QAAQ,CAACW,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMC,UAAU,GAAGF,WAAW,EAAEG,IAAI,KAAK,UAAU;AAEnD,MAAMC,WAAW,GAAGd,QAAQ,CAACW,YAAY,CAAC,aAAa,CAAC;AACxD,MAAMI,aAAa,GACjBR,UAAU,IAAIO,WAAW,EAAED,IAAI,KAAK,UAAU,GAAGC,WAAW,CAACE,eAAe,CAAC,CAAC,CAACC,OAAO,GAAG,IAAI;AAE/F,MAAMC,WAAW,GAAGlB,QAAQ,CAACmB,OAAO,CAAC,cAAc,CAAC;AACpD,MAAMC,UAAU,GAAGpB,QAAQ,CAACmB,OAAO,CAAC,aAAa,CAAC;AAElD,MAAME,eAAe,GAAGH,WAAW,GAAGnB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACN,WAAW,CAAC,GAAG,IAAI;AAE5F,MAAMO,cAAc,GAAGL,UAAU,GAAGrB,KAAK,CAACuB,OAAO,CAACC,KAAK,CAACC,cAAc,CAACJ,UAAU,CAAC,GAAG,IAAI;;AAEzF;AACA;AACA,MAAMM,eAAe,GAAGnB,UAAU,GAC9B,oDAAoD,GACpD,2CAA2C;AAE/C,eAAe;EACboB,EAAE,EAAE,MAAM;EACVC,OAAO,EAAE,CAACF,eAAe,CAAC;EAC1BT,OAAO,EAAElB,KAAK,CAAC8B,IAAI;AACrB,mBAAmB3B,SAAS;AAC5B,IAAIU,UAAU,GAAGb,KAAK,CAAC8B,IAAI,iBAAiB,GAAG,IAAI;AACnD,IAAId,aAAa;AACjB,kBAAkBM,eAAe;AACjC,IAAIZ,UAAU,GAAGV,KAAK,CAAC8B,IAAI,gBAAgBJ,cAAc,gBAAgB,GAAG,IAAI;AAChF;AACA,CAAC","ignoreList":[]}

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

@@ -7,6 +7,11 @@ export interface CardProps extends ViewProps, CardVariantProps {
     children?: ReactNode;
 }
 declare const CardRoot: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<View>>;
+export interface CardStripeProps extends ViewProps {
+    asChild?: boolean;
+    className?: string;
+}
+declare const CardStripe: import("react").ForwardRefExoticComponent<CardStripeProps & import("react").RefAttributes<View>>;
 export interface CardHeaderProps extends ViewProps {
     asChild?: boolean;
     className?: string;
@@ -26,6 +31,7 @@ export interface CardFooterProps extends ViewProps, CardFooterVariantProps {
 }
 declare const CardFooter: import("react").ForwardRefExoticComponent<CardFooterProps & import("react").RefAttributes<View>>;
 type CardCompoundComponent = typeof CardRoot & {
+    Stripe: typeof CardStripe;
     Header: typeof CardHeader;
     Content: typeof CardContent;
     Footer: typeof CardFooter;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EAKL,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACtB,MAAM,UAAU,CAAC;AAUlB,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,gBAAgB;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,4FAsBb,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAiBf,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,uBAAuB;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAqBhB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,sBAAsB;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAqBf,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAIX,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpD,OAAO,EAML,KAAK,uBAAuB,EAC5B,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EACtB,MAAM,UAAU,CAAC;AAUlB,MAAM,WAAW,SAAU,SAAQ,SAAS,EAAE,gBAAgB;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,4FAsBb,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,kGAef,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAiBf,CAAC;AAQF,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,uBAAuB;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,mGAqBhB,CAAC;AAQF,MAAM,WAAW,eAAgB,SAAQ,SAAS,EAAE,sBAAsB;IACxE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,QAAA,MAAM,UAAU,kGAqBf,CAAC;AAQF,KAAK,qBAAqB,GAAG,OAAO,QAAQ,GAAG;IAC7C,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,IAAI,EAKX,qBAAqB,CAAC"}

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

@@ -2,6 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 export declare const cardRootVariants: (props?: ({
     fullBleed?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cardStripeVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const cardHeaderVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const cardTitleVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const cardContentVariants: (props?: ({

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,eAAO,MAAM,gBAAgB;;8EAe5B,CAAC;AAIF,eAAO,MAAM,kBAAkB,oFAK7B,CAAC;AAIH,eAAO,MAAM,iBAAiB,oFAAkB,CAAC;AAIjD,eAAO,MAAM,mBAAmB;;8EAM9B,CAAC;AAIH,eAAO,MAAM,kBAAkB;;8EAU7B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACrE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAI7D,eAAO,MAAM,gBAAgB;;8EAe5B,CAAC;AAIF,eAAO,MAAM,kBAAkB,oFAAyC,CAAC;AAIzE,eAAO,MAAM,kBAAkB,oFAI7B,CAAC;AAIH,eAAO,MAAM,iBAAiB,oFAAkB,CAAC;AAIjD,eAAO,MAAM,mBAAmB;;8EAM9B,CAAC;AAIH,eAAO,MAAM,kBAAkB;;8EAU7B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACrE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAC/E,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC"}

package/lib/typescript/figma/Card.Stripe.figma.d.ts

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

package/lib/typescript/figma/Card.Stripe.figma.d.ts.map

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

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

@@ -1 +1 @@
-{"version":3,"file":"Card.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Card.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AA8B1B,wBASE"}
+{"version":3,"file":"Card.figma.d.ts","sourceRoot":"","sources":["../../../src/figma/Card.figma.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAiC1B,wBAUE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cdx-ui/components",
-  "version": "0.0.1-beta.107",
+  "version": "0.0.1-beta.109",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
   "react-native": "src/index.ts",
@@ -67,9 +67,9 @@
     "@gorhom/bottom-sheet": "^5.2.6",
     "class-variance-authority": "^0.7.1",
     "uniwind": "1.10.0",
-    "@cdx-ui/primitives": "0.0.1-beta.107",
-    "@cdx-ui/utils": "0.0.1-beta.107",
-    "@cdx-ui/icons": "0.0.1-beta.107"
+    "@cdx-ui/primitives": "0.0.1-beta.109",
+    "@cdx-ui/utils": "0.0.1-beta.109",
+    "@cdx-ui/icons": "0.0.1-beta.109"
   },
   "devDependencies": {
     "@react-navigation/bottom-tabs": "*",

package/src/components/Card/index.tsx

@@ -7,6 +7,7 @@ import {
   cardFooterVariants,
   cardHeaderVariants,
   cardRootVariants,
+  cardStripeVariants,
   type CardContentVariantProps,
   type CardFooterVariantProps,
   type CardVariantProps,
@@ -52,6 +53,34 @@ const CardRoot = forwardRef<View, CardProps>(
 
 CardRoot.displayName = 'Card';
 
+// =============================================================================
+// STYLED STRIPE COMPONENT
+// =============================================================================
+
+export interface CardStripeProps extends ViewProps {
+  asChild?: boolean;
+  className?: string;
+}
+
+const CardStripe = forwardRef<View, CardStripeProps>(
+  ({ asChild, className, style, ...props }, ref) => {
+    const computedClassName = cn(cardStripeVariants(), className);
+    const Comp = asChild ? Slot : View;
+
+    return (
+      <Comp
+        ref={ref}
+        className={computedClassName}
+        style={style}
+        {...props}
+        {...mergeDataAttributes(props, dataAttributes({ slot: 'card-stripe' }))}
+      />
+    );
+  },
+);
+
+CardStripe.displayName = 'Card.Stripe';
+
 // =============================================================================
 // STYLED HEADER COMPONENT
 // =============================================================================
@@ -158,12 +187,14 @@ CardFooter.displayName = 'Card.Footer';
 // =============================================================================
 
 type CardCompoundComponent = typeof CardRoot & {
+  Stripe: typeof CardStripe;
   Header: typeof CardHeader;
   Content: typeof CardContent;
   Footer: typeof CardFooter;
 };
 
 export const Card = Object.assign(CardRoot, {
+  Stripe: CardStripe,
   Header: CardHeader,
   Content: CardContent,
   Footer: CardFooter,

package/src/components/Card/styles.ts

@@ -19,10 +19,13 @@ export const cardRootVariants = cva(
   },
 );
 
+// ── Stripe ──────────────────────────────────────────────────
+
+export const cardStripeVariants = cva(['bg-brand-400', 'h-2', 'w-full']);
+
 // ── Header ──────────────────────────────────────────────────
 
 export const cardHeaderVariants = cva([
-  'border-t-8 border-t-surface-brand-strong',
   'border-b border-solid border-b-stroke-secondary',
   'flex-row items-center justify-between gap-0.5',
   'px-5 py-3',