@medway-ui/native 1.0.2

package/lib/module/components/Button.js

@@ -0,0 +1,177 @@
+"use strict";
+
+import { Pressable, View, Text } from "react-native";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Loading } from "@/components/Loading";
+import { Badge as BadgeComponent } from "@/components/Badge";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ICON_ONLY_SIZES = {
+  sm: "h-8 min-h-8 w-8",
+  md: "h-10 min-h-10 w-10",
+  lg: "h-12 min-h-12 w-12",
+  xl: "h-14 min-h-14 w-14"
+};
+const badgeSizeMap = {
+  sm: "sm",
+  md: "md",
+  lg: "md",
+  xl: "lg"
+};
+const ALERT_DOT_SIZES = {
+  sm: 8,
+  md: 10,
+  lg: 10,
+  xl: 12
+};
+const buttonVariants = cva("flex-row items-center justify-center gap-2 rounded-pill font-semibold", {
+  variants: {
+    variant: {
+      regular: "bg-primary-background-fill active:bg-primary-background-fill-emphasis disabled:bg-gray-background-fill-muted",
+      "regular-soft": "bg-primary-background-soft active:bg-primary-background-soft-emphasis disabled:bg-gray-background-soft-muted",
+      "regular-basic": "bg-transparent active:bg-primary-background-soft-emphasis disabled:bg-transparent",
+      emphasis: "bg-secondary-background-fill active:bg-secondary-background-fill-emphasis disabled:bg-gray-background-fill-muted",
+      "emphasis-soft": "bg-secondary-background-soft active:bg-secondary-background-soft-emphasis disabled:bg-gray-background-soft-muted",
+      "emphasis-basic": "bg-transparent active:bg-secondary-background-soft-emphasis disabled:bg-transparent",
+      error: "bg-red-background-fill active:bg-red-background-fill-emphasis disabled:bg-gray-background-fill-muted",
+      "error-soft": "bg-red-background-soft active:bg-red-background-soft-emphasis disabled:bg-gray-background-soft-muted",
+      "error-basic": "bg-transparent active:bg-red-background-soft-emphasis disabled:bg-transparent",
+      warning: "bg-yellow-background-fill active:bg-yellow-background-fill-emphasis disabled:bg-gray-background-fill-muted",
+      "warning-soft": "bg-yellow-background-soft active:bg-yellow-background-soft-emphasis disabled:bg-gray-background-soft-muted",
+      "warning-basic": "bg-transparent active:bg-yellow-background-soft-emphasis disabled:bg-transparent",
+      success: "bg-green-background-fill active:bg-green-background-fill-emphasis disabled:bg-gray-background-fill-muted",
+      "success-soft": "bg-green-background-soft active:bg-green-background-soft-emphasis disabled:bg-gray-background-soft-muted",
+      "success-basic": "bg-transparent active:bg-green-background-soft-emphasis disabled:bg-transparent",
+      outlined: "border border-gray-stroke-muted bg-transparent active:bg-gray-50 disabled:border-gray-stroke-muted",
+      gradient: "bg-primary active:opacity-90 disabled:bg-gray-background-fill-muted",
+      medbrain: "bg-surface-card border-2 border-secondary active:bg-secondary-background-soft disabled:bg-gray-background-fill-muted disabled:border-transparent"
+    },
+    size: {
+      sm: "min-h-8 min-w-8 px-3 py-1",
+      md: "min-h-10 min-w-10 px-3.5 py-2",
+      lg: "min-h-12 min-w-12 px-4 py-3",
+      xl: "min-h-14 min-w-14 px-[18px] py-3.5"
+    }
+  },
+  defaultVariants: {
+    variant: "regular",
+    size: "md"
+  }
+});
+const buttonTextVariants = cva("font-semibold shrink-0", {
+  variants: {
+    variant: {
+      regular: "text-primary-foreground-onfill disabled:text-gray-foreground-onfill",
+      "regular-soft": "text-primary-foreground disabled:text-gray-foreground-muted",
+      "regular-basic": "text-primary-foreground disabled:text-gray-foreground-muted",
+      emphasis: "text-secondary-foreground-onfill disabled:text-gray-foreground-onfill",
+      "emphasis-soft": "text-secondary-foreground disabled:text-gray-foreground-muted",
+      "emphasis-basic": "text-secondary-foreground disabled:text-gray-foreground-muted",
+      error: "text-red-foreground-onfill disabled:text-gray-foreground-onfill",
+      "error-soft": "text-red-foreground disabled:text-gray-foreground-muted",
+      "error-basic": "text-red-foreground disabled:text-gray-foreground-muted",
+      warning: "text-yellow-foreground-onfill disabled:text-gray-foreground-onfill",
+      "warning-soft": "text-yellow-foreground disabled:text-gray-foreground-muted",
+      "warning-basic": "text-yellow-foreground disabled:text-gray-foreground-muted",
+      success: "text-green-foreground-onfill disabled:text-gray-foreground-onfill",
+      "success-soft": "text-green-foreground disabled:text-gray-foreground-muted",
+      "success-basic": "text-green-foreground disabled:text-gray-foreground-muted",
+      outlined: "text-foreground disabled:text-gray-foreground-muted",
+      gradient: "text-white disabled:text-gray-foreground-onfill",
+      medbrain: "text-secondary disabled:text-gray-foreground-onfill"
+    },
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-md",
+      xl: "text-lg"
+    }
+  },
+  defaultVariants: {
+    variant: "regular",
+    size: "md"
+  }
+});
+function shouldShowBadge(value) {
+  return value != null && value !== 0 && value !== "" && value !== "0";
+}
+function Button({
+  className,
+  containerStyle,
+  variant = "regular",
+  size = "md",
+  iconRight,
+  iconLeft,
+  badge,
+  loading = false,
+  alert,
+  disabled,
+  children,
+  ...props
+}) {
+  const resolvedSize = size ?? "md";
+  const resolvedVariant = variant ?? "regular";
+  const isIconOnly = !children && !alert && (!!iconLeft || !!iconRight);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      position: "relative"
+    }, containerStyle],
+    children: [shouldShowBadge(badge) && /*#__PURE__*/_jsx(View, {
+      className: "absolute -right-2 -top-1 z-10",
+      children: /*#__PURE__*/_jsx(BadgeComponent, {
+        size: badgeSizeMap[resolvedSize],
+        variant: "regular",
+        children: String(badge)
+      })
+    }), /*#__PURE__*/_jsx(Pressable, {
+      disabled: disabled || loading,
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled: disabled || loading,
+        busy: loading
+      },
+      className: cn(buttonVariants({
+        variant,
+        size
+      }), isIconOnly && ICON_ONLY_SIZES[resolvedSize], className),
+      ...props,
+      children: loading ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(View, {
+          className: "absolute",
+          children: /*#__PURE__*/_jsx(Loading, {
+            size: resolvedSize === "sm" ? 16 : resolvedSize === "xl" ? 24 : 20
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          className: "opacity-0 flex-row items-center gap-2",
+          children: [iconLeft, children != null && /*#__PURE__*/_jsx(Text, {
+            className: cn(buttonTextVariants({
+              variant: resolvedVariant,
+              size
+            })),
+            children: children
+          }), iconRight]
+        })]
+      }) : /*#__PURE__*/_jsxs(_Fragment, {
+        children: [alert ? /*#__PURE__*/_jsx(View, {
+          className: "relative mr-1 flex-row items-center",
+          children: /*#__PURE__*/_jsx(View, {
+            className: "rounded-full opacity-75",
+            style: {
+              width: ALERT_DOT_SIZES[resolvedSize],
+              height: ALERT_DOT_SIZES[resolvedSize],
+              backgroundColor: alert
+            }
+          })
+        }) : iconLeft, children != null && /*#__PURE__*/_jsx(Text, {
+          className: cn(buttonTextVariants({
+            variant: resolvedVariant,
+            size
+          })),
+          children: children
+        }), iconRight]
+      })
+    })]
+  });
+}
+export { Button, buttonVariants, buttonTextVariants };
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","Text","cva","cn","Loading","Badge","BadgeComponent","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ICON_ONLY_SIZES","sm","md","lg","xl","badgeSizeMap","ALERT_DOT_SIZES","buttonVariants","variants","variant","regular","emphasis","error","warning","success","outlined","gradient","medbrain","size","defaultVariants","buttonTextVariants","shouldShowBadge","value","Button","className","containerStyle","iconRight","iconLeft","badge","loading","alert","disabled","children","props","resolvedSize","resolvedVariant","isIconOnly","style","position","String","accessibilityRole","accessibilityState","busy","width","height","backgroundColor"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Checkbox.js

@@ -0,0 +1,86 @@
+"use strict";
+
+import { useState } from "react";
+import * as CheckboxPrimitive from "@rn-primitives/checkbox";
+import { Check, RemoveMinus } from "@medway-ui/icons/native";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ICON_SIZES = {
+  sm: 12,
+  md: 16,
+  lg: 20
+};
+const checkboxVariants = cva("items-center justify-center rounded-sm border-2 shrink-0", {
+  variants: {
+    variant: {
+      regular: "bg-surface-card border-gray-stroke-muted"
+    },
+    size: {
+      sm: "h-4 w-4",
+      md: "h-5 w-5",
+      lg: "h-6 w-6"
+    },
+    checked: {
+      true: "bg-primary-background-fill border-primary-background-fill",
+      false: ""
+    },
+    disabled: {
+      true: "bg-gray-background-soft-muted border-gray-stroke-muted",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "regular",
+    size: "md",
+    checked: false,
+    disabled: false
+  }
+});
+function Checkbox({
+  className,
+  size = "md",
+  variant,
+  uncheckIcon,
+  checked,
+  defaultChecked = false,
+  onCheckedChange,
+  disabled,
+  ...props
+}) {
+  const resolvedSize = size ?? "md";
+  const iconSize = ICON_SIZES[resolvedSize];
+  const [internalChecked, setInternalChecked] = useState(defaultChecked);
+  const isControlled = checked !== undefined;
+  const isChecked = isControlled ? checked : internalChecked;
+  const handleCheckedChange = val => {
+    if (!isControlled) setInternalChecked(val);
+    onCheckedChange?.(val);
+  };
+  return /*#__PURE__*/_jsx(CheckboxPrimitive.Root, {
+    checked: isChecked,
+    onCheckedChange: handleCheckedChange,
+    disabled: disabled,
+    className: cn(checkboxVariants({
+      size,
+      variant,
+      checked: isChecked,
+      disabled: disabled ?? false
+    }), className),
+    ...props,
+    children: /*#__PURE__*/_jsx(CheckboxPrimitive.Indicator, {
+      className: "items-center justify-center",
+      children: uncheckIcon ? /*#__PURE__*/_jsx(RemoveMinus, {
+        size: iconSize,
+        strokeWidth: 2.6,
+        className: "text-primary-foreground-onfill"
+      }) : /*#__PURE__*/_jsx(Check, {
+        size: iconSize,
+        strokeWidth: 2.6,
+        className: "text-primary-foreground-onfill"
+      })
+    })
+  });
+}
+export { Checkbox, checkboxVariants };
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","CheckboxPrimitive","Check","RemoveMinus","cva","cn","jsx","_jsx","ICON_SIZES","sm","md","lg","checkboxVariants","variants","variant","regular","size","checked","true","false","disabled","defaultVariants","Checkbox","className","uncheckIcon","defaultChecked","onCheckedChange","props","resolvedSize","iconSize","internalChecked","setInternalChecked","isControlled","undefined","isChecked","handleCheckedChange","val","Root","children","Indicator","strokeWidth"],"sourceRoot":"../../../src","sources":["components/Checkbox.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,OAAO,KAAKC,iBAAiB,MAAM,yBAAyB;AAC5D,SAASC,KAAK,EAAEC,WAAW,QAAQ,yBAAyB;AAC5D,SAASC,GAAG,QAAQ,0BAA0B;AAC9C,SAASC,EAAE,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYjC,MAAMC,UAA8C,GAAG;EACrDC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,gBAAgB,GAAGR,GAAG,CAC1B,0DAA0D,EAC1D;EACES,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJP,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN,CAAC;IACDM,OAAO,EAAE;MACPC,IAAI,EAAE,2DAA2D;MACjEC,KAAK,EAAE;IACT,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE,wDAAwD;MAC9DC,KAAK,EAAE;IACT;EACF,CAAC;EACDE,eAAe,EAAE;IACfP,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE,IAAI;IACVC,OAAO,EAAE,KAAK;IACdG,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,SAASE,QAAQA,CAAC;EAChBC,SAAS;EACTP,IAAI,GAAG,IAAI;EACXF,OAAO;EACPU,WAAW;EACXP,OAAO;EACPQ,cAAc,GAAG,KAAK;EACtBC,eAAe;EACfN,QAAQ;EACR,GAAGO;AACU,CAAC,EAAE;EAChB,MAAMC,YAAY,GAAGZ,IAAI,IAAI,IAAI;EACjC,MAAMa,QAAQ,GAAGrB,UAAU,CAACoB,YAAY,CAAC;EACzC,MAAM,CAACE,eAAe,EAAEC,kBAAkB,CAAC,GAAG/B,QAAQ,CAACyB,cAAc,CAAC;EACtE,MAAMO,YAAY,GAAGf,OAAO,KAAKgB,SAAS;EAC1C,MAAMC,SAAS,GAAGF,YAAY,GAAGf,OAAO,GAAGa,eAAe;EAE1D,MAAMK,mBAAmB,GAAIC,GAAY,IAAK;IAC5C,IAAI,CAACJ,YAAY,EAAED,kBAAkB,CAACK,GAAG,CAAC;IAC1CV,eAAe,GAAGU,GAAG,CAAC;EACxB,CAAC;EAED,oBACE7B,IAAA,CAACN,iBAAiB,CAACoC,IAAI;IACrBpB,OAAO,EAAEiB,SAAU;IACnBR,eAAe,EAAES,mBAAoB;IACrCf,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAElB,EAAE,CACXO,gBAAgB,CAAC;MAAEI,IAAI;MAAEF,OAAO;MAAEG,OAAO,EAAEiB,SAAS;MAAEd,QAAQ,EAAEA,QAAQ,IAAI;IAAM,CAAC,CAAC,EACpFG,SACF,CAAE;IAAA,GACEI,KAAK;IAAAW,QAAA,eAET/B,IAAA,CAACN,iBAAiB,CAACsC,SAAS;MAAChB,SAAS,EAAC,6BAA6B;MAAAe,QAAA,EACjEd,WAAW,gBACVjB,IAAA,CAACJ,WAAW;QACVa,IAAI,EAAEa,QAAS;QACfW,WAAW,EAAE,GAAI;QACjBjB,SAAS,EAAC;MAAgC,CAC3C,CAAC,gBAEFhB,IAAA,CAACL,KAAK;QACJc,IAAI,EAAEa,QAAS;QACfW,WAAW,EAAE,GAAI;QACjBjB,SAAS,EAAC;MAAgC,CAC3C;IACF,CAC0B;EAAC,CACR,CAAC;AAE7B;AAEA,SAASD,QAAQ,EAAEV,gBAAgB","ignoreList":[]}

package/lib/module/components/Dialog.js

@@ -0,0 +1,150 @@
+"use strict";
+
+import { isValidElement, cloneElement } from "react";
+import { View, Text, ScrollView } from "react-native";
+import * as DialogPrimitive from "@rn-primitives/dialog";
+import { CloseMd } from "@medway-ui/icons/native";
+import { cn } from "@/lib/utils";
+import { Separator } from "@/components/Separator";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function Dialog({
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(DialogPrimitive.Root, {
+    ...props
+  });
+}
+function DialogTrigger({
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(DialogPrimitive.Trigger, {
+    ...props
+  });
+}
+function DialogPortal({
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(DialogPrimitive.Portal, {
+    ...props
+  });
+}
+function DialogClose({
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(DialogPrimitive.Close, {
+    ...props
+  });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(DialogPrimitive.Overlay, {
+    className: cn("absolute inset-0 bg-black/50", className),
+    ...props
+  });
+}
+function DialogContainer({
+  className,
+  overlayClassName,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(DialogPrimitive.Portal, {
+    children: /*#__PURE__*/_jsx(DialogPrimitive.Overlay, {
+      className: cn("absolute inset-0 items-center justify-center bg-black/50", overlayClassName),
+      children: /*#__PURE__*/_jsxs(DialogPrimitive.Content, {
+        className: cn("relative flex-col max-h-[90%] w-full max-w-[calc(100%-2rem)] rounded-xl bg-background shadow-lg overflow-hidden", className),
+        ...props,
+        children: [children, showCloseButton && /*#__PURE__*/_jsx(DialogPrimitive.Close, {
+          className: "absolute right-3 top-3 rounded-pill p-1.5 active:bg-gray-background-soft",
+          children: /*#__PURE__*/_jsx(CloseMd, {
+            size: 16,
+            className: "text-gray-foreground"
+          })
+        })]
+      })
+    })
+  });
+}
+function DialogContent({
+  containerClassName,
+  className,
+  children
+}) {
+  return /*#__PURE__*/_jsx(ScrollView, {
+    className: cn("flex-1", containerClassName),
+    contentContainerStyle: {
+      flexGrow: 1
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      className: cn("px-8 py-6", className),
+      children: children
+    })
+  });
+}
+function DialogHeader({
+  className,
+  separator = false,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      className: cn("flex-col gap-2 px-8 pt-8 pb-4", className),
+      ...props,
+      children: children
+    }), separator && /*#__PURE__*/_jsx(Separator, {})]
+  });
+}
+function DialogFooter({
+  className,
+  separator = false,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [separator && /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(View, {
+      className: cn("flex-col gap-2 px-8 py-6", className),
+      ...props,
+      children: children
+    })]
+  });
+}
+function DialogTitle({
+  className,
+  iconLeft,
+  iconRight,
+  children,
+  ...props
+}) {
+  const renderIcon = icon => {
+    if (/*#__PURE__*/isValidElement(icon)) {
+      return /*#__PURE__*/cloneElement(icon, {
+        size: 32,
+        strokeWidth: 2.2
+      });
+    }
+    return icon;
+  };
+  return /*#__PURE__*/_jsxs(DialogPrimitive.Title, {
+    className: cn("flex-row items-center gap-3", className),
+    ...props,
+    children: [iconLeft && renderIcon(iconLeft), /*#__PURE__*/_jsx(Text, {
+      className: "text-title-md font-semibold leading-title-md text-content-title flex-1",
+      children: children
+    }), iconRight && renderIcon(iconRight)]
+  });
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(DialogPrimitive.Description, {
+    className: cn("text-md leading-md text-content-paragraph", className),
+    ...props
+  });
+}
+export { Dialog, DialogClose, DialogContainer, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["isValidElement","cloneElement","View","Text","ScrollView","DialogPrimitive","CloseMd","cn","Separator","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Dialog","props","Root","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","DialogContainer","overlayClassName","children","showCloseButton","Content","size","DialogContent","containerClassName","contentContainerStyle","flexGrow","DialogHeader","separator","DialogFooter","DialogTitle","iconLeft","iconRight","renderIcon","icon","strokeWidth","Title","DialogDescription","Description"],"sourceRoot":"../../../src","sources":["components/Dialog.tsx"],"mappings":"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","ignoreList":[]}