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

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

@@ -0,0 +1,267 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable, Text, View } from 'react-native';
+import { Close as CloseIcon } from '@cdx-ui/icons';
+import { createDialog } from '@cdx-ui/primitives';
+import { cn, useStyleContext, withStyleContext } from '@cdx-ui/utils';
+import { Icon } from '../Icon';
+import { dialogBodyVariants, dialogCloseIconVariants, dialogCloseVariants, dialogContentVariants, dialogDescriptionVariants, dialogFooterVariants, dialogHeaderVariants, dialogOverlayVariants, dialogTitleVariants } from './styles';
+import { jsx as _jsx } from "react/jsx-runtime";
+export { useDialog } from '@cdx-ui/primitives';
+
+// =============================================================================
+// STYLE CONTEXT
+// =============================================================================
+
+const SCOPE = 'DIALOG';
+const Root = withStyleContext(View, SCOPE);
+const useDialogStyleContext = () => useStyleContext(SCOPE);
+
+// =============================================================================
+// STYLED OVERLAY (internal — not consumer-facing)
+// =============================================================================
+
+const StyledOverlay = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(Pressable, {
+  ref: ref,
+  className: cn(dialogOverlayVariants(), className),
+  ...props
+}));
+StyledOverlay.displayName = 'Dialog.Overlay';
+
+// =============================================================================
+// CREATE DIALOG PRIMITIVE
+// =============================================================================
+
+const DialogPrimitive = createDialog({
+  Root,
+  Trigger: Pressable,
+  Overlay: StyledOverlay,
+  Content: View,
+  Header: View,
+  Title: Text,
+  Description: Text,
+  Body: View,
+  Footer: View,
+  Close: Pressable
+});
+
+// =============================================================================
+// STYLED ROOT
+// =============================================================================
+
+const DialogRoot = /*#__PURE__*/forwardRef(({
+  size = 'md',
+  className,
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(DialogPrimitive, {
+  ref: ref,
+  className: className,
+  style: style,
+  context: {
+    size
+  },
+  ...props,
+  children: children
+}));
+DialogRoot.displayName = 'Dialog';
+
+// =============================================================================
+// STYLED TRIGGER
+// =============================================================================
+
+const DialogTrigger = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => /*#__PURE__*/_jsx(DialogPrimitive.Trigger, {
+  ref: ref,
+  className: className,
+  style: style,
+  ...props,
+  children: children
+}));
+DialogTrigger.displayName = 'Dialog.Trigger';
+
+// =============================================================================
+// STYLED CONTENT
+// =============================================================================
+
+const DialogContent = /*#__PURE__*/forwardRef(({
+  size: sizeProp,
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const {
+    size: contextSize
+  } = useDialogStyleContext();
+  const size = sizeProp ?? contextSize;
+  const computedClassName = cn(dialogContentVariants({
+    size
+  }), className);
+  return /*#__PURE__*/_jsx(DialogPrimitive.Content, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+DialogContent.displayName = 'Dialog.Content';
+
+// =============================================================================
+// STYLED HEADER
+// =============================================================================
+
+const DialogHeader = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(dialogHeaderVariants(), className);
+  return /*#__PURE__*/_jsx(DialogPrimitive.Header, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+DialogHeader.displayName = 'Dialog.Header';
+
+// =============================================================================
+// STYLED TITLE
+// =============================================================================
+
+const DialogTitle = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(dialogTitleVariants(), className);
+  return /*#__PURE__*/_jsx(DialogPrimitive.Title, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+DialogTitle.displayName = 'Dialog.Title';
+
+// =============================================================================
+// STYLED DESCRIPTION
+// =============================================================================
+
+const DialogDescription = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(dialogDescriptionVariants(), className);
+  return /*#__PURE__*/_jsx(DialogPrimitive.Description, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+DialogDescription.displayName = 'Dialog.Description';
+
+// =============================================================================
+// STYLED BODY
+// =============================================================================
+
+const DialogBody = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(dialogBodyVariants(), className);
+  return /*#__PURE__*/_jsx(DialogPrimitive.Body, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+DialogBody.displayName = 'Dialog.Body';
+
+// =============================================================================
+// STYLED FOOTER
+// =============================================================================
+
+const DialogFooter = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(dialogFooterVariants(), className);
+  return /*#__PURE__*/_jsx(DialogPrimitive.Footer, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    ...props,
+    children: children
+  });
+});
+DialogFooter.displayName = 'Dialog.Footer';
+
+// =============================================================================
+// STYLED CLOSE
+// =============================================================================
+
+const DialogClose = /*#__PURE__*/forwardRef(({
+  className,
+  accessibilityLabel = 'Close',
+  children,
+  style,
+  ...props
+}, ref) => {
+  const computedClassName = cn(dialogCloseVariants(), className);
+  return /*#__PURE__*/_jsx(DialogPrimitive.Close, {
+    ref: ref,
+    className: computedClassName,
+    style: style,
+    hitSlop: 12,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    ...props,
+    children: children ?? /*#__PURE__*/_jsx(Icon, {
+      as: CloseIcon,
+      className: dialogCloseIconVariants()
+    })
+  });
+});
+DialogClose.displayName = 'Dialog.Close';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+export const Dialog = Object.assign(DialogRoot, {
+  Trigger: DialogTrigger,
+  Content: DialogContent,
+  Header: DialogHeader,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Body: DialogBody,
+  Footer: DialogFooter,
+  Close: DialogClose
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","Text","View","Close","CloseIcon","createDialog","cn","useStyleContext","withStyleContext","Icon","dialogBodyVariants","dialogCloseIconVariants","dialogCloseVariants","dialogContentVariants","dialogDescriptionVariants","dialogFooterVariants","dialogHeaderVariants","dialogOverlayVariants","dialogTitleVariants","jsx","_jsx","useDialog","SCOPE","Root","useDialogStyleContext","StyledOverlay","className","props","ref","displayName","DialogPrimitive","Trigger","Overlay","Content","Header","Title","Description","Body","Footer","DialogRoot","size","children","style","context","DialogTrigger","DialogContent","sizeProp","contextSize","computedClassName","DialogHeader","DialogTitle","DialogDescription","DialogBody","DialogFooter","DialogClose","accessibilityLabel","hitSlop","accessibilityRole","as","Dialog","Object","assign"],"sourceRoot":"../../../../src","sources":["components/Dialog/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+import { Platform } from 'react-native';
+import { cva } from 'class-variance-authority';
+import { COLOR_BG_INVERSE, COLOR_BG_PRIMARY, COLOR_BORDER_DEFAULT, COLOR_TEXT_PRIMARY, COLOR_TEXT_SECONDARY, RADIUS_MD, SHADOW_MD, TRANSITION_COLORS } from '../../styles/primitives';
+
+// ── Overlay ─────────────────────────────────────────────────
+
+export const dialogOverlayVariants = cva(['absolute inset-0', COLOR_BG_INVERSE, 'opacity-50']);
+
+// ── Content ─────────────────────────────────────────────────
+
+export const dialogContentVariants = cva([COLOR_BG_PRIMARY, `border ${COLOR_BORDER_DEFAULT}`, RADIUS_MD, Platform.select({
+  web: SHADOW_MD,
+  default: ''
+}), 'max-h-[85vh] overflow-hidden'], {
+  variants: {
+    size: {
+      sm: 'w-[90%] max-w-sm',
+      md: 'w-[90%] max-w-md',
+      lg: 'w-[90%] max-w-lg',
+      full: 'w-full mx-4'
+    }
+  },
+  defaultVariants: {
+    size: 'md'
+  }
+});
+
+// ── Header ──────────────────────────────────────────────────
+
+export const dialogHeaderVariants = cva(['flex-row items-center justify-between shrink-0', 'px-6 pt-6 pb-2']);
+
+// ── Title ───────────────────────────────────────────────────
+
+export const dialogTitleVariants = cva(['text-lg font-semibold', COLOR_TEXT_PRIMARY]);
+
+// ── Description ─────────────────────────────────────────────
+
+export const dialogDescriptionVariants = cva(['text-sm mt-1', COLOR_TEXT_SECONDARY]);
+
+// ── Body ────────────────────────────────────────────────────
+
+export const dialogBodyVariants = cva(['px-6 py-4 shrink min-h-0']);
+
+// ── Footer ──────────────────────────────────────────────────
+
+export const dialogFooterVariants = cva(['flex-row items-center justify-end shrink-0', 'gap-3 px-6 pt-2 pb-6']);
+
+// ── Close ───────────────────────────────────────────────────
+
+export const dialogCloseVariants = cva(['p-1 -m-1 rounded-full', TRANSITION_COLORS, Platform.select({
+  default: 'data-[active=true]:opacity-70',
+  web: ['data-[hover=true]:bg-slate-100', 'data-[active=true]:bg-slate-200', 'data-[focus-visible=true]:ring-2 data-[focus-visible=true]:ring-slate-400/50 data-[focus-visible=true]:ring-offset-2'].join(' ')
+})]);
+
+// ── Close Icon ──────────────────────────────────────────────
+
+export const dialogCloseIconVariants = cva(['size-5 text-slate-500']);
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","cva","COLOR_BG_INVERSE","COLOR_BG_PRIMARY","COLOR_BORDER_DEFAULT","COLOR_TEXT_PRIMARY","COLOR_TEXT_SECONDARY","RADIUS_MD","SHADOW_MD","TRANSITION_COLORS","dialogOverlayVariants","dialogContentVariants","select","web","default","variants","size","sm","md","lg","full","defaultVariants","dialogHeaderVariants","dialogTitleVariants","dialogDescriptionVariants","dialogBodyVariants","dialogFooterVariants","dialogCloseVariants","join","dialogCloseIconVariants"],"sourceRoot":"../../../../src","sources":["components/Dialog/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SACEC,gBAAgB,EAChBC,gBAAgB,EAChBC,oBAAoB,EACpBC,kBAAkB,EAClBC,oBAAoB,EACpBC,SAAS,EACTC,SAAS,EACTC,iBAAiB,QACZ,yBAAyB;;AAEhC;;AAEA,OAAO,MAAMC,qBAAqB,GAAGT,GAAG,CAAC,CAAC,kBAAkB,EAAEC,gBAAgB,EAAE,YAAY,CAAC,CAAC;;AAE9F;;AAEA,OAAO,MAAMS,qBAAqB,GAAGV,GAAG,CACtC,CACEE,gBAAgB,EAChB,UAAUC,oBAAoB,EAAE,EAChCG,SAAS,EACTP,QAAQ,CAACY,MAAM,CAAC;EAAEC,GAAG,EAAEL,SAAS;EAAEM,OAAO,EAAE;AAAG,CAAC,CAAC,EAChD,8BAA8B,CAC/B,EACD;EACEC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,EAAE,EAAE,kBAAkB;MACtBC,IAAI,EAAE;IACR;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEA,OAAO,MAAMM,oBAAoB,GAAGrB,GAAG,CAAC,CACtC,gDAAgD,EAChD,gBAAgB,CACjB,CAAC;;AAEF;;AAEA,OAAO,MAAMsB,mBAAmB,GAAGtB,GAAG,CAAC,CAAC,uBAAuB,EAAEI,kBAAkB,CAAC,CAAC;;AAErF;;AAEA,OAAO,MAAMmB,yBAAyB,GAAGvB,GAAG,CAAC,CAAC,cAAc,EAAEK,oBAAoB,CAAC,CAAC;;AAEpF;;AAEA,OAAO,MAAMmB,kBAAkB,GAAGxB,GAAG,CAAC,CAAC,0BAA0B,CAAC,CAAC;;AAEnE;;AAEA,OAAO,MAAMyB,oBAAoB,GAAGzB,GAAG,CAAC,CACtC,4CAA4C,EAC5C,sBAAsB,CACvB,CAAC;;AAEF;;AAEA,OAAO,MAAM0B,mBAAmB,GAAG1B,GAAG,CAAC,CACrC,uBAAuB,EACvBQ,iBAAiB,EACjBT,QAAQ,CAACY,MAAM,CAAC;EACdE,OAAO,EAAE,+BAA+B;EACxCD,GAAG,EAAE,CACH,gCAAgC,EAChC,iCAAiC,EACjC,sHAAsH,CACvH,CAACe,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;;AAEF;;AAEA,OAAO,MAAMC,uBAAuB,GAAG5B,GAAG,CAAC,CAAC,uBAAuB,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Form/FormLabelRoot.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Text } from 'react-native';
+import { composeEventHandlers, useFormControlContext } from '@cdx-ui/utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Native: `Text` label row — tap focuses the field input via form context
+ * (parity with `<label htmlFor>` on web).
+ */
+export const FormLabelRoot = /*#__PURE__*/forwardRef(({
+  htmlFor: _omitHtmlFor,
+  onPress,
+  ...props
+}, ref) => {
+  void _omitHtmlFor;
+  const {
+    focusInput,
+    isDisabled
+  } = useFormControlContext();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    ...props,
+    disabled: Boolean(isDisabled),
+    onPress: composeEventHandlers(onPress, () => focusInput?.())
+  });
+});
+FormLabelRoot.displayName = 'FormLabelRoot';
+//# sourceMappingURL=FormLabelRoot.js.map

package/lib/module/components/Form/FormLabelRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Text","composeEventHandlers","useFormControlContext","jsx","_jsx","FormLabelRoot","htmlFor","_omitHtmlFor","onPress","props","ref","focusInput","isDisabled","disabled","Boolean","displayName"],"sourceRoot":"../../../../src","sources":["components/Form/FormLabelRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAA+C,cAAc;AAC1E,SAASC,oBAAoB,EAAEC,qBAAqB,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS5E;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGN,UAAU,CACrC,CAAC;EAAEO,OAAO,EAAEC,YAAY;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACrD,KAAKH,YAAY;EAEjB,MAAM;IAAEI,UAAU;IAAEC;EAAW,CAAC,GAAGV,qBAAqB,CAAC,CAAC;EAE1D,oBACEE,IAAA,CAACJ,IAAI;IACHU,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IACTI,QAAQ,EAAEC,OAAO,CAACF,UAAU,CAAE;IAC9BJ,OAAO,EAAEP,oBAAoB,CAACO,OAAO,EAAE,MAAMG,UAAU,GAAG,CAAC;EAAE,CAC9D,CAAC;AAEN,CACF,CAAC;AAEDN,aAAa,CAACU,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/components/Form/FormLabelRoot.web.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+/** Real `<label>` so clicking the label focuses the associated control (`htmlFor` → input `id`). */
+export const FormLabelRoot = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/_jsx("label", {
+    ref: ref,
+    ...props
+  });
+});
+FormLabelRoot.displayName = 'FormLabelRoot';
+//# sourceMappingURL=FormLabelRoot.web.js.map

package/lib/module/components/Form/FormLabelRoot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","FormLabelRoot","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Form/FormLabelRoot.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwB,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAY1D;AACA,OAAO,MAAMC,aAAa,gBAAGH,UAAU,CAAuC,CAACI,KAAK,EAAEC,GAAG,KAAK;EAC5F,oBAAOH,IAAA;IAAOG,GAAG,EAAEA,GAAI;IAAA,GAAMD;EAAK,CAAmD,CAAC;AACxF,CAAC,CAAC;AAEFD,aAAa,CAACG,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/components/Form/FormRoot.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const BaseFormRoot = /*#__PURE__*/forwardRef(({
+  onSubmit: _onSubmit,
+  action: _action,
+  method: _method,
+  ...props
+}, ref) => {
+  void _onSubmit;
+  void _action;
+  void _method;
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    ...props
+  });
+});
+BaseFormRoot.displayName = 'BaseFormRoot';
+//# sourceMappingURL=FormRoot.js.map

package/lib/module/components/Form/FormRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","View","jsx","_jsx","BaseFormRoot","onSubmit","_onSubmit","action","_action","method","_method","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Form/FormRoot.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,IAAI,QAAwB,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpD,OAAO,MAAMC,YAAY,gBAAGJ,UAAU,CACpC,CAAC;EAAEK,QAAQ,EAAEC,SAAS;EAAEC,MAAM,EAAEC,OAAO;EAAEC,MAAM,EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC5E,KAAKN,SAAS;EACd,KAAKE,OAAO;EACZ,KAAKE,OAAO;EACZ,oBAAOP,IAAA,CAACF,IAAI;IAACW,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AACtC,CACF,CAAC;AAEDP,YAAY,CAACS,WAAW,GAAG,cAAc","ignoreList":[]}

package/lib/module/components/Form/FormRoot.web.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import React, { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export const BaseFormRoot = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/_jsx("form", {
+    ref: ref,
+    ...props
+  });
+});
+BaseFormRoot.displayName = 'BaseFormRoot';
+//# sourceMappingURL=FormRoot.web.js.map

package/lib/module/components/Form/FormRoot.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","jsx","_jsx","BaseFormRoot","props","ref","displayName"],"sourceRoot":"../../../../src","sources":["components/Form/FormRoot.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO1C,OAAO,MAAMC,YAAY,gBAAGH,UAAU,CAAqC,CAACI,KAAK,EAAEC,GAAG,KAAK;EACzF,oBAAOH,IAAA;IAAMG,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AACtC,CAAC,CAAC;AAEFD,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}