@cdx-ui/components 0.0.1-alpha.3 → 0.0.1-alpha.30

package/README.md

@@ -2,7 +2,7 @@
 
 Styled, theme-aware UI components for the Candescent Design System.
 
-Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/tokens`](../tokens/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
+Built on top of [`@cdx-ui/primitives`](../primitives/) and [`@cdx-ui/styles`](../styles/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style).
 
 ## Installation
 
@@ -24,7 +24,7 @@ import { Button } from '@cdx-ui/components';
 
 export function Example() {
   return (
-    <Button variant="solid" color="primary" size="md" onPress={() => console.log('pressed')}>
+    <Button variant="strong" color="action" size="default" onPress={() => console.log('pressed')}>
       <Button.Label>Get Started</Button.Label>
     </Button>
   );
@@ -32,3 +32,21 @@ export function Example() {
 ```
 
 Component stories live in [`apps/storybook`](../../apps/storybook/).
+
+## Testing
+
+Tests live in [`__tests__/`](./__tests__/). **Jest** uses the repo-root **`jest.config.js`** with **two projects**: **`rntl`** (jest-expo native + **`@testing-library/react-native`**) for `*.test.tsx`, and **`axe`** (jest-expo web + jsdom + **`@testing-library/react`** + **`jest-axe`**) for `*.axe.test.tsx`.
+
+```bash
+# From monorepo root
+pnpm nx run @cdx-ui/components:test
+# or
+pnpm test:all
+```
+
+Production types use `tsconfig.json`; tests use `tsconfig.test.json`.
+
+**Authoring:** See **[docs/testing.md](../../docs/testing.md)** and **[docs/internal/testing.md](../../docs/internal/testing.md)** (RNTL vs DOM, `fireEvent.press` vs `fireEvent.click`, file naming).
+
+**A11y-only ad-hoc** (from `packages/components`):  
+`pnpm exec jest --config ../../jest.config.js --testNamePattern="a11y"`

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertDialog = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Button = require("../Button");
+var _Dialog = require("../Dialog");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// =============================================================================
+// ALERT DIALOG ROOT (Dialog with non-dismissible defaults + alertdialog role)
+// =============================================================================
+
+const AlertDialogRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  closeOnBackdropPress = false,
+  closeOnEscKey = false,
+  role = 'alertdialog',
+  children,
+  ...props
+}, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+  ref: ref,
+  closeOnBackdropPress: closeOnBackdropPress,
+  closeOnEscKey: closeOnEscKey,
+  role: role,
+  ...props,
+  children: children
+}));
+AlertDialogRoot.displayName = 'AlertDialog';
+
+// =============================================================================
+// ALERT DIALOG ACTION
+// =============================================================================
+
+const AlertDialogAction = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  children,
+  color = 'action',
+  className,
+  ...props
+}, ref) => {
+  if (asChild && /*#__PURE__*/_react.default.isValidElement(children)) {
+    return /*#__PURE__*/_react.default.cloneElement(children, {
+      ref,
+      className,
+      ...props
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    ref: ref,
+    variant: "strong",
+    color: color,
+    className: className,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button.Label, {
+      children: children
+    })
+  });
+});
+AlertDialogAction.displayName = 'AlertDialog.Action';
+
+// =============================================================================
+// ALERT DIALOG CANCEL
+// =============================================================================
+
+const AlertDialogCancel = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild = false,
+  children,
+  onPress,
+  className,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = (0, _primitives.useDialog)();
+  const handlePress = (0, _utils.composeEventHandlers)(onPress, () => onOpenChange(false));
+  if (asChild && /*#__PURE__*/_react.default.isValidElement(children)) {
+    return /*#__PURE__*/_react.default.cloneElement(children, {
+      ref,
+      onPress: handlePress,
+      className,
+      ...props
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+    ref: ref,
+    variant: "outline",
+    onPress: handlePress,
+    className: className,
+    ...props,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button.Label, {
+      children: children
+    })
+  });
+});
+AlertDialogCancel.displayName = 'AlertDialog.Cancel';
+
+// =============================================================================
+// COMPOUND EXPORT
+// =============================================================================
+
+const AlertDialog = exports.AlertDialog = Object.assign(AlertDialogRoot, {
+  Trigger: _Dialog.Dialog.Trigger,
+  Content: _Dialog.Dialog.Content,
+  Header: _Dialog.Dialog.Header,
+  Title: _Dialog.Dialog.Title,
+  Description: _Dialog.Dialog.Description,
+  Body: _Dialog.Dialog.Body,
+  Footer: _Dialog.Dialog.Footer,
+  Close: _Dialog.Dialog.Close,
+  Action: AlertDialogAction,
+  Cancel: AlertDialogCancel
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_primitives","_utils","_Button","_Dialog","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AlertDialogRoot","forwardRef","closeOnBackdropPress","closeOnEscKey","role","children","props","ref","jsx","Dialog","displayName","AlertDialogAction","asChild","color","className","React","isValidElement","cloneElement","Button","variant","Label","AlertDialogCancel","onPress","onOpenChange","useDialog","handlePress","composeEventHandlers","AlertDialog","exports","assign","Trigger","Content","Header","Title","Description","Body","Footer","Close","Action","Cancel"],"sourceRoot":"../../../../src","sources":["components/AlertDialog/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzD;AACA;AACA;;AAIA,MAAMkB,eAAe,gBAAG,IAAAC,iBAAU,EAChC,CACE;EACEC,oBAAoB,GAAG,KAAK;EAC5BC,aAAa,GAAG,KAAK;EACrBC,IAAI,GAAG,aAAa;EACpBC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,kBAEH,IAAA3B,WAAA,CAAA4B,GAAA,EAAC7B,OAAA,CAAA8B,MAAM;EACLF,GAAG,EAAEA,GAAI;EACTL,oBAAoB,EAAEA,oBAAqB;EAC3CC,aAAa,EAAEA,aAAc;EAC7BC,IAAI,EAAEA,IAAK;EAAA,GACPE,KAAK;EAAAD,QAAA,EAERA;AAAQ,CACH,CAEZ,CAAC;AACDL,eAAe,CAACU,WAAW,GAAG,aAAa;;AAE3C;AACA;AACA;;AAMA,MAAMC,iBAAiB,gBAAG,IAAAV,iBAAU,EAClC,CAAC;EAAEW,OAAO,GAAG,KAAK;EAAEP,QAAQ;EAAEQ,KAAK,GAAG,QAAQ;EAAEC,SAAS;EAAE,GAAGR;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC7E,IAAIK,OAAO,iBAAIG,cAAK,CAACC,cAAc,CAACX,QAAQ,CAAC,EAAE;IAC7C,oBAAOU,cAAK,CAACE,YAAY,CAACZ,QAAQ,EAA6B;MAC7DE,GAAG;MACHO,SAAS;MACT,GAAGR;IACL,CAAC,CAAC;EACJ;EAEA,oBACE,IAAA1B,WAAA,CAAA4B,GAAA,EAAC9B,OAAA,CAAAwC,MAAM;IAACX,GAAG,EAAEA,GAAI;IAACY,OAAO,EAAC,QAAQ;IAACN,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA,SAAU;IAAA,GAAKR,KAAK;IAAAD,QAAA,eAC9E,IAAAzB,WAAA,CAAA4B,GAAA,EAAC9B,OAAA,CAAAwC,MAAM,CAACE,KAAK;MAAAf,QAAA,EAAEA;IAAQ,CAAe;EAAC,CACjC,CAAC;AAEb,CACF,CAAC;AACDM,iBAAiB,CAACD,WAAW,GAAG,oBAAoB;;AAEpD;AACA;AACA;;AAMA,MAAMW,iBAAiB,gBAAG,IAAApB,iBAAU,EAClC,CAAC;EAAEW,OAAO,GAAG,KAAK;EAAEP,QAAQ;EAAEiB,OAAO;EAAER,SAAS;EAAE,GAAGR;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpE,MAAM;IAAEgB;EAAa,CAAC,GAAG,IAAAC,qBAAS,EAAC,CAAC;EACpC,MAAMC,WAAW,GAAG,IAAAC,2BAAoB,EAACJ,OAAO,EAAE,MAAMC,YAAY,CAAC,KAAK,CAAC,CAAC;EAE5E,IAAIX,OAAO,iBAAIG,cAAK,CAACC,cAAc,CAACX,QAAQ,CAAC,EAAE;IAC7C,oBAAOU,cAAK,CAACE,YAAY,CAACZ,QAAQ,EAA6B;MAC7DE,GAAG;MACHe,OAAO,EAAEG,WAAW;MACpBX,SAAS;MACT,GAAGR;IACL,CAAC,CAAC;EACJ;EAEA,oBACE,IAAA1B,WAAA,CAAA4B,GAAA,EAAC9B,OAAA,CAAAwC,MAAM;IAACX,GAAG,EAAEA,GAAI;IAACY,OAAO,EAAC,SAAS;IAACG,OAAO,EAAEG,WAAY;IAACX,SAAS,EAAEA,SAAU;IAAA,GAAKR,KAAK;IAAAD,QAAA,eACvF,IAAAzB,WAAA,CAAA4B,GAAA,EAAC9B,OAAA,CAAAwC,MAAM,CAACE,KAAK;MAAAf,QAAA,EAAEA;IAAQ,CAAe;EAAC,CACjC,CAAC;AAEb,CACF,CAAC;AACDgB,iBAAiB,CAACX,WAAW,GAAG,oBAAoB;;AAEpD;AACA;AACA;;AAeO,MAAMiB,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG9B,MAAM,CAACgC,MAAM,CAAC7B,eAAe,EAAE;EACxD8B,OAAO,EAAErB,cAAM,CAACqB,OAAO;EACvBC,OAAO,EAAEtB,cAAM,CAACsB,OAAO;EACvBC,MAAM,EAAEvB,cAAM,CAACuB,MAAM;EACrBC,KAAK,EAAExB,cAAM,CAACwB,KAAK;EACnBC,WAAW,EAAEzB,cAAM,CAACyB,WAAW;EAC/BC,IAAI,EAAE1B,cAAM,CAAC0B,IAAI;EACjBC,MAAM,EAAE3B,cAAM,CAAC2B,MAAM;EACrBC,KAAK,EAAE5B,cAAM,CAAC4B,KAAK;EACnBC,MAAM,EAAE3B,iBAAiB;EACzB4B,MAAM,EAAElB;AACV,CAAC,CAAiC","ignoreList":[]}

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

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _primitives = require("@cdx-ui/primitives");
+var _utils = require("@cdx-ui/utils");
+var _Icon = require("../Icon");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+const SCOPE = 'AVATAR';
+const Root = (0, _utils.withStyleContext)(_reactNative.View, SCOPE);
+const useAvatarStyleContext = () => (0, _utils.useStyleContext)(SCOPE);
+const AvatarPrimitive = (0, _primitives.createAvatar)({
+  Root,
+  Image: _reactNative.Image,
+  Text: _reactNative.Text,
+  Icon: _Icon.Icon,
+  Badge: _reactNative.View
+});
+
+// =============================================================================
+// AVATAR ROOT
+// =============================================================================
+
+const AvatarRoot = /*#__PURE__*/(0, _react.forwardRef)(({
+  size = 'lg',
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarRootVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    context: {
+      size
+    },
+    ...props,
+    children: children
+  });
+});
+AvatarRoot.displayName = 'Avatar';
+
+// =============================================================================
+// AVATAR IMAGE
+// =============================================================================
+
+const AvatarImage = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarImageVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Image, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+});
+AvatarImage.displayName = 'Avatar.Image';
+
+// =============================================================================
+// AVATAR TEXT
+// =============================================================================
+
+const AvatarText = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarTextVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Text, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+AvatarText.displayName = 'Avatar.Text';
+
+// =============================================================================
+// AVATAR ICON
+// =============================================================================
+
+const AvatarIcon = ({
+  className,
+  style,
+  ...props
+}) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarIconVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Icon, {
+    className: computedClassName,
+    style: style,
+    ...props
+  });
+};
+AvatarIcon.displayName = 'Avatar.Icon';
+
+// =============================================================================
+// AVATAR BADGE
+// =============================================================================
+
+const AvatarBadge = /*#__PURE__*/(0, _react.forwardRef)(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size
+  } = useAvatarStyleContext();
+  const computedClassName = (0, _utils.cn)((0, _styles.avatarBadgeVariants)({
+    size
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AvatarPrimitive.Badge, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+AvatarBadge.displayName = 'Avatar.Badge';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+const Avatar = exports.Avatar = Object.assign(AvatarRoot, {
+  Image: AvatarImage,
+  Text: AvatarText,
+  Icon: AvatarIcon,
+  Badge: AvatarBadge
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Icon","_styles","_jsxRuntime","SCOPE","Root","withStyleContext","View","useAvatarStyleContext","useStyleContext","AvatarPrimitive","createAvatar","Image","Text","Icon","IconComponent","Badge","AvatarRoot","forwardRef","size","className","children","style","props","ref","computedClassName","cn","avatarRootVariants","jsx","context","displayName","AvatarImage","avatarImageVariants","AvatarText","avatarTextVariants","AvatarIcon","avatarIconVariants","AvatarBadge","avatarBadgeVariants","Avatar","exports","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Avatar/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.avatarTextVariants = exports.avatarRootVariants = exports.avatarImageVariants = exports.avatarIconVariants = exports.avatarBadgeVariants = void 0;
+var _classVarianceAuthority = require("class-variance-authority");
+var _primitives = require("../../styles/primitives");
+// ── Root ─────────────────────────────────────────────────
+
+const avatarRootVariants = exports.avatarRootVariants = (0, _classVarianceAuthority.cva)([_primitives.RADIUS_FULL, 'relative items-center justify-center', _primitives.COLOR_BG_MUTED], {
+  variants: {
+    size: {
+      sm: 'w-8 h-8',
+      md: 'w-10 h-10',
+      lg: 'w-12 h-12',
+      xl: 'w-16 h-16',
+      '2xl': 'w-20 h-20'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Image ────────────────────────────────────────────────
+
+const avatarImageVariants = exports.avatarImageVariants = (0, _classVarianceAuthority.cva)(['absolute top-0 left-0 w-full h-full', _primitives.RADIUS_FULL, 'overflow-hidden']);
+
+// ── Text ─────────────────────────────────────────────────
+
+const avatarTextVariants = exports.avatarTextVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY, 'font-semibold'], {
+  variants: {
+    size: {
+      sm: 'text-xs',
+      md: 'text-sm',
+      lg: 'text-base',
+      xl: 'text-xl',
+      '2xl': 'text-2xl'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Icon ─────────────────────────────────────────────────
+
+const avatarIconVariants = exports.avatarIconVariants = (0, _classVarianceAuthority.cva)([_primitives.COLOR_TEXT_SECONDARY], {
+  variants: {
+    size: {
+      sm: 'size-4',
+      md: 'size-5',
+      lg: 'size-6',
+      xl: 'size-8',
+      '2xl': 'size-10'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+
+// ── Badge ────────────────────────────────────────────────
+
+const avatarBadgeVariants = exports.avatarBadgeVariants = (0, _classVarianceAuthority.cva)(['absolute border-2 border-white', _primitives.RADIUS_FULL], {
+  variants: {
+    size: {
+      sm: 'w-2.5 h-2.5 bottom-0 right-0',
+      md: 'w-3 h-3 bottom-0 right-0',
+      lg: 'w-3.5 h-3.5 bottom-0 right-0',
+      xl: 'w-4 h-4 bottom-0.5 right-0.5',
+      '2xl': 'w-5 h-5 bottom-0.5 right-0.5'
+    }
+  },
+  defaultVariants: {
+    size: 'lg'
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_classVarianceAuthority","require","_primitives","avatarRootVariants","exports","cva","RADIUS_FULL","COLOR_BG_MUTED","variants","size","sm","md","lg","xl","defaultVariants","avatarImageVariants","avatarTextVariants","COLOR_TEXT_SECONDARY","avatarIconVariants","avatarBadgeVariants"],"sourceRoot":"../../../../src","sources":["components/Avatar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,2BAAG,EACnC,CAACC,uBAAW,EAAE,sCAAsC,EAAEC,0BAAc,CAAC,EACrE;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,WAAW;MACf,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMM,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,2BAAG,EAAC,CACrC,qCAAqC,EACrCC,uBAAW,EACX,iBAAiB,CAClB,CAAC;;AAEF;;AAEO,MAAMU,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,2BAAG,EAAC,CAACY,gCAAoB,EAAE,eAAe,CAAC,EAAE;EAC7ET,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,WAAW;MACfC,EAAE,EAAE,SAAS;MACb,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMS,kBAAkB,GAAAd,OAAA,CAAAc,kBAAA,GAAG,IAAAb,2BAAG,EAAC,CAACY,gCAAoB,CAAC,EAAE;EAC5DT,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZC,EAAE,EAAE,QAAQ;MACZ,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC;;AAEF;;AAEO,MAAMU,mBAAmB,GAAAf,OAAA,CAAAe,mBAAA,GAAG,IAAAd,2BAAG,EAAC,CAAC,gCAAgC,EAAEC,uBAAW,CAAC,EAAE;EACtFE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,0BAA0B;MAC9BC,EAAE,EAAE,8BAA8B;MAClCC,EAAE,EAAE,8BAA8B;MAClC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,248 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BottomSheet = void 0;
+exports.useBottomSheet = useBottomSheet;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _bottomSheet = require("@gorhom/bottom-sheet");
+var _utils = require("@cdx-ui/utils");
+var _icons = require("@cdx-ui/icons");
+var _Heading = require("../Heading");
+var _Icon = require("../Icon");
+var _Text = require("../Text");
+var _styles = require("./styles");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/** Ref type for BottomSheet; forwards the @gorhom modal ref (present, dismiss, snapToIndex, minimize, restore, etc.). */
+
+function BottomSheetHeaderComponent({
+  title,
+  subtitle,
+  children,
+  className,
+  onClose,
+  closeAccessibilityLabel,
+  onBack,
+  backAccessibilityLabel = 'Go back'
+}, ref) {
+  const hasTitle = title !== undefined && title !== '';
+  const hasContent = hasTitle || !!children || !!onBack;
+  const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetHeaderVariants)({
+    hasTitle: hasContent
+  }), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ref: ref,
+    className: computedClassName,
+    children: [onBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      onPress: onBack,
+      hitSlop: 12,
+      accessibilityRole: "button",
+      accessibilityLabel: backAccessibilityLabel,
+      className: (0, _utils.cn)((0, _styles.bottomSheetBackButtonVariants)()),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        as: _icons.ArrowBackIosNew,
+        className: (0, _styles.bottomSheetBackIconVariants)()
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      className: "flex-1",
+      children: children ?? (hasTitle ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Heading.Heading, {
+          size: "xs",
+          className: "text-lg",
+          children: title
+        }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+          className: (0, _styles.bottomSheetSubtitleVariants)(),
+          children: subtitle
+        }) : null]
+      }) : null)
+    }), onClose && /*#__PURE__*/(0, _jsxRuntime.jsx)(BottomSheetCloseButton, {
+      onPress: onClose,
+      ...(closeAccessibilityLabel !== undefined && {
+        accessibilityLabel: closeAccessibilityLabel
+      })
+    })]
+  });
+}
+BottomSheetHeaderComponent.displayName = 'BottomSheet.Header';
+const BottomSheetHeader = /*#__PURE__*/(0, _react.forwardRef)(BottomSheetHeaderComponent);
+BottomSheetHeader.displayName = 'BottomSheet.Header';
+
+// =============================================================================
+// CLOSEBUTTON
+// =============================================================================
+
+function BottomSheetCloseButton({
+  onPress,
+  className,
+  accessibilityLabel = 'Close'
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onPress,
+    hitSlop: 12,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    className: (0, _utils.cn)((0, _styles.bottomSheetCloseButtonVariants)(), className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      as: _icons.Close,
+      className: (0, _styles.bottomSheetCloseIconVariants)()
+    })
+  });
+}
+BottomSheetCloseButton.displayName = 'BottomSheet.CloseButton';
+
+// =============================================================================
+// CONTENT
+// =============================================================================
+
+const BottomSheetContent = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  hasSafeAreaInset,
+  style
+}, ref) => {
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetContentVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: computedClassName,
+    style: hasSafeAreaInset ? {
+      paddingBottom: insets.bottom,
+      ...style
+    } : style,
+    pointerEvents: "box-none",
+    children: children
+  });
+});
+BottomSheetContent.displayName = 'BottomSheet.Content';
+
+// =============================================================================
+// FOOTER
+// =============================================================================
+
+const BottomSheetFooter = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  className,
+  style
+}, ref) => {
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const computedClassName = (0, _utils.cn)((0, _styles.bottomSheetFooterVariants)(), className);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: ref,
+    className: computedClassName,
+    style: {
+      paddingBottom: Math.max(insets.bottom, 24),
+      ...style
+    },
+    pointerEvents: "box-none",
+    children: children
+  });
+});
+BottomSheetFooter.displayName = 'BottomSheet.Footer';
+
+// =============================================================================
+// MODAL WRAPPER (WITH STYLES)
+// =============================================================================
+
+const MAX_DYNAMIC_CONTENT_SIZE = _reactNative.Dimensions.get('window').height * 0.9;
+const CustomBackdrop = props => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetBackdrop, {
+    ...props,
+    disappearsOnIndex: -1,
+    appearsOnIndex: 0,
+    opacity: 0.5,
+    pressBehavior: "close"
+  });
+};
+const BottomSheetModalStyled = /*#__PURE__*/(0, _react.forwardRef)(({
+  handleVisible = true,
+  footer,
+  ...rest
+}, ref) => {
+  const renderFooter = (0, _react.useCallback)(props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetFooter, {
+    ...props,
+    children: footer
+  }), [footer]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetModal, {
+    ref: ref,
+    enableDynamicSizing: true,
+    maxDynamicContentSize: MAX_DYNAMIC_CONTENT_SIZE,
+    handleComponent: handleVisible ? undefined : null,
+    handleIndicatorStyle: handleVisible ? _styles.handleIndicatorStyle : undefined,
+    backdropComponent: CustomBackdrop,
+    backgroundComponent: backgroundProps => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      ...backgroundProps,
+      className: (0, _utils.cn)((0, _styles.bottomSheetContainerVariants)())
+    }),
+    ...rest,
+    ...(footer != null && {
+      footerComponent: renderFooter
+    })
+  });
+});
+BottomSheetModalStyled.displayName = 'BottomSheet.Modal';
+
+// =============================================================================
+// SCROLLVIEW WRAPPER (with footer margin adjustment enabled by default)
+// =============================================================================
+
+function BottomSheetScrollViewStyled({
+  enableFooterMarginAdjustment = true,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetScrollView, {
+    enableFooterMarginAdjustment: enableFooterMarginAdjustment,
+    ...rest,
+    children: children
+  });
+}
+BottomSheetScrollViewStyled.displayName = 'BottomSheet.ScrollView';
+
+// =============================================================================
+// VIEW WRAPPER (with footer margin adjustment enabled by default)
+// =============================================================================
+
+function BottomSheetViewStyled({
+  enableFooterMarginAdjustment = true,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_bottomSheet.BottomSheetView, {
+    enableFooterMarginAdjustment: enableFooterMarginAdjustment,
+    ...rest,
+    children: children
+  });
+}
+BottomSheetViewStyled.displayName = 'BottomSheet.View';
+
+// Display names for gorhom components exposed as BottomSheet.*
+
+_bottomSheet.BottomSheetModalProvider.displayName = 'BottomSheet.Provider';
+
+// ── Public exports ────────────────────────────────────────
+
+const BottomSheet = exports.BottomSheet = {
+  Modal: BottomSheetModalStyled,
+  Header: BottomSheetHeader,
+  Content: BottomSheetContent,
+  Footer: BottomSheetFooter,
+  Provider: _bottomSheet.BottomSheetModalProvider,
+  ScrollView: BottomSheetScrollViewStyled,
+  View: BottomSheetViewStyled
+};
+
+// ── Hooks ────────────────────────────────────────────────
+
+function useBottomSheet() {
+  const ref = (0, _react.useRef)(null);
+  return {
+    ref,
+    present: () => ref.current?.present(),
+    dismiss: () => ref.current?.dismiss()
+  };
+}
+//# sourceMappingURL=index.js.map