@medway-ui/native 1.1.2 → 1.3.0

package/lib/module/components/MemberRow.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import { cva } from "class-variance-authority";
+import { View } from "react-native";
+import { Text } from "@/components/Text";
+import { Avatar, AvatarFallback, AvatarImage } from "@/components/Avatar";
+import { RadioGroupItem } from "@/components/RadioGroup";
+import { cn } from "@/lib/utils";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const rankIndicatorVariants = cva("size-[22px] rounded-full", {
+  variants: {
+    rank: {
+      1: "bg-yellow-background-fill",
+      2: "bg-gray-background-fill",
+      3: "bg-warning-background-fill"
+    }
+  },
+  defaultVariants: {
+    rank: 1
+  }
+});
+const memberRowVariants = cva("w-full flex-row items-center p-2", {
+  variants: {
+    variant: {
+      ranked: "",
+      selectable: "px-4 py-4"
+    },
+    highlighted: {
+      true: "rounded-md bg-secondary-background-soft",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "ranked",
+    highlighted: false
+  }
+});
+function getInitials(name) {
+  return name.trim().split(/\s+/).slice(0, 2).map(word => word[0] ?? "").join("").toUpperCase();
+}
+function MemberRow({
+  className,
+  variant = "ranked",
+  rank = 1,
+  rankLabel,
+  name,
+  subtitle,
+  avatarSrc,
+  avatarAlt,
+  avatarFallback,
+  value,
+  highlighted = false,
+  leading,
+  ...props
+}) {
+  const initials = avatarFallback ?? getInitials(name);
+  if (variant === "selectable") {
+    const selectionValue = props.value;
+    return /*#__PURE__*/_jsx(View, {
+      className: cn(memberRowVariants({
+        variant,
+        highlighted
+      }), className),
+      ...props,
+      children: /*#__PURE__*/_jsxs(View, {
+        className: "min-w-0 flex-1 flex-row items-center gap-4",
+        children: [/*#__PURE__*/_jsx(RadioGroupItem, {
+          value: selectionValue,
+          size: "md"
+        }), /*#__PURE__*/_jsxs(View, {
+          className: "min-w-0 flex-1 flex-row items-center gap-2",
+          children: [/*#__PURE__*/_jsxs(Avatar, {
+            size: "sm",
+            alt: avatarAlt ?? name,
+            children: [avatarSrc ? /*#__PURE__*/_jsx(AvatarImage, {
+              src: avatarSrc
+            }) : null, /*#__PURE__*/_jsx(AvatarFallback, {
+              children: initials
+            })]
+          }), /*#__PURE__*/_jsx(Text, {
+            className: "text-md font-semibold text-primary-foreground",
+            children: name
+          })]
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(memberRowVariants({
+      variant,
+      highlighted
+    }), className),
+    ...props,
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "min-w-0 flex-1 flex-row items-center gap-2",
+      children: [leading, /*#__PURE__*/_jsx(View, {
+        className: cn(rankIndicatorVariants({
+          rank
+        }))
+      }), /*#__PURE__*/_jsxs(View, {
+        className: "flex-row items-center gap-2",
+        children: [rankLabel ? /*#__PURE__*/_jsx(Text, {
+          className: "w-7 text-md font-semibold text-primary-foreground",
+          children: rankLabel
+        }) : null, /*#__PURE__*/_jsxs(Avatar, {
+          size: "sm",
+          alt: avatarAlt ?? name,
+          children: [avatarSrc ? /*#__PURE__*/_jsx(AvatarImage, {
+            src: avatarSrc
+          }) : null, /*#__PURE__*/_jsx(AvatarFallback, {
+            children: initials
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            className: "text-md font-semibold text-primary-foreground",
+            children: name
+          }), subtitle ? /*#__PURE__*/_jsx(Text, {
+            className: "text-xs font-medium text-primary-foreground",
+            children: subtitle
+          }) : null]
+        })]
+      })]
+    })
+  });
+}
+export { MemberRow, memberRowVariants, rankIndicatorVariants };
+//# sourceMappingURL=MemberRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["cva","View","Text","Avatar","AvatarFallback","AvatarImage","RadioGroupItem","cn","jsx","_jsx","jsxs","_jsxs","rankIndicatorVariants","variants","rank","defaultVariants","memberRowVariants","variant","ranked","selectable","highlighted","true","false","getInitials","name","trim","split","slice","map","word","join","toUpperCase","MemberRow","className","rankLabel","subtitle","avatarSrc","avatarAlt","avatarFallback","value","leading","props","initials","selectionValue","children","size","alt","src"],"sourceRoot":"../../../src","sources":["components/MemberRow.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/PageHeader.js

@@ -1,6 +1,7 @@
 "use strict";
 
-import { Text, View } from "react-native";
+import { View } from "react-native";
+import { Text } from "@/components/Text";
 import { cn } from "@/lib/utils";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function PageHeader({

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

@@ -1 +1 @@
-{"version":3,"names":["Text","View","cn","jsx","_jsx","jsxs","_jsxs","PageHeader","className","icon","title","description","badge","props","children"],"sourceRoot":"../../../src","sources":["components/PageHeader.tsx"],"mappings":";;AACA,SAASA,IAAI,EAAEC,IAAI,QAAwB,cAAc;AAEzD,SAASC,EAAE,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASjC,SAASC,UAAUA,CAAC;EAClBC,SAAS;EACTC,IAAI;EACJC,KAAK;EACLC,WAAW;EACXC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAClB,oBACET,IAAA,CAACH,IAAI;IACHO,SAAS,EAAEN,EAAE,CACX,oFAAoF,EACpFM,SACF,CAAE;IAAA,GACEK,KAAK;IAAAC,QAAA,eAETR,KAAA,CAACL,IAAI;MAACO,SAAS,EAAC,iBAAiB;MAAAM,QAAA,gBAC/BR,KAAA,CAACL,IAAI;QAACO,SAAS,EAAC,4BAA4B;QAAAM,QAAA,GACzCL,IAAI,eACLH,KAAA,CAACL,IAAI;UAACO,SAAS,EAAC,cAAc;UAAAM,QAAA,gBAC5BV,IAAA,CAACJ,IAAI;YAACQ,SAAS,EAAC,qDAAqD;YAAAM,QAAA,EAClEJ;UAAK,CACF,CAAC,EACNC,WAAW,gBACVP,IAAA,CAACJ,IAAI;YAACQ,SAAS,EAAC,+CAA+C;YAAAM,QAAA,EAC5DH;UAAW,CACR,CAAC,GACL,IAAI;QAAA,CACJ,CAAC;MAAA,CACH,CAAC,EACNC,KAAK;IAAA,CACF;EAAC,CACH,CAAC;AAEX;AAEA,SAASL,UAAU","ignoreList":[]}
+{"version":3,"names":["View","Text","cn","jsx","_jsx","jsxs","_jsxs","PageHeader","className","icon","title","description","badge","props","children"],"sourceRoot":"../../../src","sources":["components/PageHeader.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAwB,cAAc;AAEnD,SAASC,IAAI,QAAQ,mBAAmB;AAExC,SAASC,EAAE,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASjC,SAASC,UAAUA,CAAC;EAClBC,SAAS;EACTC,IAAI;EACJC,KAAK;EACLC,WAAW;EACXC,KAAK;EACL,GAAGC;AACY,CAAC,EAAE;EAClB,oBACET,IAAA,CAACJ,IAAI;IACHQ,SAAS,EAAEN,EAAE,CACX,oFAAoF,EACpFM,SACF,CAAE;IAAA,GACEK,KAAK;IAAAC,QAAA,eAETR,KAAA,CAACN,IAAI;MAACQ,SAAS,EAAC,iBAAiB;MAAAM,QAAA,gBAC/BR,KAAA,CAACN,IAAI;QAACQ,SAAS,EAAC,4BAA4B;QAAAM,QAAA,GACzCL,IAAI,eACLH,KAAA,CAACN,IAAI;UAACQ,SAAS,EAAC,cAAc;UAAAM,QAAA,gBAC5BV,IAAA,CAACH,IAAI;YAACO,SAAS,EAAC,qDAAqD;YAAAM,QAAA,EAClEJ;UAAK,CACF,CAAC,EACNC,WAAW,gBACVP,IAAA,CAACH,IAAI;YAACO,SAAS,EAAC,+CAA+C;YAAAM,QAAA,EAC5DH;UAAW,CACR,CAAC,GACL,IAAI;QAAA,CACJ,CAAC;MAAA,CACH,CAAC,EACNC,KAAK;IAAA,CACF;EAAC,CACH,CAAC;AAEX;AAEA,SAASL,UAAU","ignoreList":[]}

package/lib/module/components/PostForm.js

@@ -0,0 +1,174 @@
+"use strict";
+
+import { Pressable, TextInput, View } from "react-native";
+import { Text } from "@/components/Text";
+import { Button } from "@/components/Button";
+import { Checkbox } from "@/components/Checkbox";
+import { Input, InputText, inputVariants } from "@/components/Input";
+import { cn } from "@/lib/utils";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function PostForm({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn("gap-6", className),
+    ...props,
+    children: children
+  });
+}
+function PostFormHeader({
+  className,
+  title,
+  submitLabel = "Publicar",
+  onSubmitPress,
+  submitLoading,
+  submitDisabled,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("flex-row items-center justify-between", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Text, {
+      className: "text-title-xs font-semibold text-primary-foreground",
+      children: title
+    }), onSubmitPress ? /*#__PURE__*/_jsx(Button, {
+      variant: "regular",
+      size: "md",
+      onPress: onSubmitPress,
+      loading: submitLoading,
+      disabled: submitDisabled,
+      children: submitLabel
+    }) : null]
+  });
+}
+function PostFormMediaPicker({
+  className,
+  icon,
+  accessibilityLabel = "Adicionar mídia",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    className: cn("h-[162px] w-[138px] self-center items-center justify-center rounded-md border border-gray-stroke-muted bg-gray-stroke-muted", className),
+    ...props,
+    children: /*#__PURE__*/_jsx(View, {
+      className: "items-center justify-center rounded-full bg-gray-background-soft p-2.5",
+      children: icon
+    })
+  });
+}
+function PostFormDescription({
+  className,
+  value,
+  defaultValue,
+  onChangeText,
+  maxLength = 120,
+  placeholder = "Descrição (opcional)",
+  editable = true,
+  ...props
+}) {
+  const currentLength = (value ?? defaultValue ?? "").length;
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("gap-1", className),
+    children: [/*#__PURE__*/_jsx(TextInput, {
+      multiline: true,
+      textAlignVertical: "top",
+      maxLength: maxLength,
+      value: value,
+      defaultValue: defaultValue,
+      onChangeText: onChangeText,
+      placeholder: placeholder,
+      editable: editable,
+      className: cn(inputVariants({
+        size: "lg",
+        invalid: false,
+        focused: false,
+        disabled: !editable
+      }), "min-h-12 py-3 font-medium"),
+      accessibilityLabel: placeholder,
+      ...props,
+      style: [{
+        fontFamily: "MontserratMedium"
+      }, props.style]
+    }), /*#__PURE__*/_jsxs(InputText, {
+      className: "text-right text-xs font-medium text-gray-foreground",
+      children: [currentLength, " / ", maxLength]
+    })]
+  });
+}
+function PostFormDateTimeField({
+  className,
+  label,
+  value,
+  placeholder,
+  iconRight,
+  onPress,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("gap-2", className),
+    ...props,
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      className: "text-sm font-medium text-gray-foreground",
+      children: label
+    }) : null, /*#__PURE__*/_jsx(Pressable, {
+      accessibilityRole: "button",
+      onPress: onPress,
+      disabled: !onPress,
+      children: /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        children: /*#__PURE__*/_jsx(Input, {
+          size: "lg",
+          value: value,
+          placeholder: placeholder,
+          iconRight: iconRight,
+          editable: false
+        })
+      })
+    })]
+  });
+}
+function PostFormCheckboxOption({
+  className,
+  checked,
+  defaultChecked,
+  onCheckedChange,
+  title,
+  description,
+  disabled,
+  ...props
+}) {
+  const isChecked = checked ?? defaultChecked ?? false;
+  const toggle = () => {
+    if (disabled) return;
+    onCheckedChange?.(!isChecked);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("flex-row items-start gap-3", disabled ? "opacity-50" : "", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Checkbox, {
+      size: "lg",
+      checked: checked,
+      defaultChecked: defaultChecked,
+      onCheckedChange: onCheckedChange,
+      disabled: disabled
+    }), /*#__PURE__*/_jsxs(Pressable, {
+      accessibilityRole: "button",
+      disabled: disabled,
+      onPress: toggle,
+      className: "min-w-0 flex-1 gap-1 pb-2",
+      children: [/*#__PURE__*/_jsx(Text, {
+        className: "text-md font-semibold text-gray-foreground",
+        children: title
+      }), description ? /*#__PURE__*/_jsx(Text, {
+        className: "text-xs font-medium text-gray-foreground",
+        children: description
+      }) : null]
+    })]
+  });
+}
+export { PostForm, PostFormCheckboxOption, PostFormDateTimeField, PostFormDescription, PostFormHeader, PostFormMediaPicker };
+//# sourceMappingURL=PostForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","TextInput","View","Text","Button","Checkbox","Input","InputText","inputVariants","cn","jsx","_jsx","jsxs","_jsxs","PostForm","className","children","props","PostFormHeader","title","submitLabel","onSubmitPress","submitLoading","submitDisabled","variant","size","onPress","loading","disabled","PostFormMediaPicker","icon","accessibilityLabel","accessibilityRole","PostFormDescription","value","defaultValue","onChangeText","maxLength","placeholder","editable","currentLength","length","multiline","textAlignVertical","invalid","focused","style","fontFamily","PostFormDateTimeField","label","iconRight","pointerEvents","PostFormCheckboxOption","checked","defaultChecked","onCheckedChange","description","isChecked","toggle"],"sourceRoot":"../../../src","sources":["components/PostForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/PrizeCollection.js

@@ -0,0 +1,127 @@
+"use strict";
+
+import { Image, View } from "react-native";
+import { Text } from "@/components/Text";
+import { cn } from "@/lib/utils";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const rankColors = {
+  1: "bg-yellow-background-fill",
+  2: "bg-gray-background-fill",
+  3: "bg-warning-background-fill"
+};
+function PrizeCollection({
+  className,
+  title = "Sua coleção",
+  statsTitle = "Contagem de pódios",
+  children,
+  footer,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("gap-3", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Text, {
+      className: "text-title-xs font-semibold text-primary-foreground",
+      children: title
+    }), /*#__PURE__*/_jsxs(View, {
+      className: "gap-8",
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: "gap-3 rounded-lg border border-gray-stroke-muted bg-surface-section p-4",
+        children: [/*#__PURE__*/_jsx(Text, {
+          className: "text-center text-lg font-medium text-primary-foreground",
+          children: statsTitle
+        }), children]
+      }), footer]
+    })]
+  });
+}
+function PrizeCollectionStats({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn("flex-row items-center justify-center gap-4", className),
+    ...props,
+    children: children
+  });
+}
+function PrizeCollectionStatsItem({
+  className,
+  count,
+  rank,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("flex-row items-center gap-2 rounded-pill bg-gray-background-soft-emphasis py-1 pl-4 pr-1", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Text, {
+      className: "text-title-xs font-semibold text-primary-foreground",
+      children: count
+    }), /*#__PURE__*/_jsx(View, {
+      className: cn("size-8 rounded-full", rankColors[rank])
+    })]
+  });
+}
+function PrizeShelf({
+  className,
+  title = "Prateleira de Prêmios",
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("gap-4", className),
+    ...props,
+    children: [/*#__PURE__*/_jsx(Text, {
+      className: "text-lg font-medium text-primary-foreground",
+      children: title
+    }), /*#__PURE__*/_jsx(View, {
+      className: "gap-2",
+      children: children
+    })]
+  });
+}
+function PrizeRow({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn("flex-row items-start justify-between", className),
+    ...props
+  });
+}
+function PrizeItem({
+  className,
+  imageSrc,
+  image,
+  dateLabel,
+  isNew = false,
+  locked = false,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("relative w-[116px] items-center gap-1 rounded-lg px-4 py-2 shadow-sm", locked ? "opacity-50" : "bg-surface-card", className),
+    ...props,
+    children: [isNew ? /*#__PURE__*/_jsx(View, {
+      className: "absolute -right-1 -top-1 rounded-md bg-green-background-fill px-2 py-1",
+      children: /*#__PURE__*/_jsx(Text, {
+        className: "text-xs font-semibold text-green-foreground-onfill",
+        children: "Novo"
+      })
+    }) : null, image ?? (imageSrc ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: imageSrc
+      },
+      className: "h-[112px] w-[96px]",
+      resizeMode: "contain",
+      accessibilityLabel: dateLabel ?? "Prêmio"
+    }) : /*#__PURE__*/_jsx(View, {
+      className: "h-[112px] w-[96px] rounded-lg bg-gray-background-soft"
+    })), dateLabel ? /*#__PURE__*/_jsx(Text, {
+      className: "text-xs font-semibold text-gray-stroke-emphasis",
+      children: dateLabel
+    }) : null]
+  });
+}
+export { PrizeCollection, PrizeCollectionStats, PrizeCollectionStatsItem, PrizeShelf, PrizeRow, PrizeItem };
+//# sourceMappingURL=PrizeCollection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Image","View","Text","cn","jsx","_jsx","jsxs","_jsxs","rankColors","PrizeCollection","className","title","statsTitle","children","footer","props","PrizeCollectionStats","PrizeCollectionStatsItem","count","rank","PrizeShelf","PrizeRow","PrizeItem","imageSrc","image","dateLabel","isNew","locked","source","uri","resizeMode","accessibilityLabel"],"sourceRoot":"../../../src","sources":["components/PrizeCollection.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/RadioGroup.js

@@ -62,5 +62,25 @@ function RadioGroupItem({
     })
   });
 }
-export { RadioGroup, RadioGroupItem, radioGroupVariants };
+function RadioGroupList({
+  className,
+  children,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(RadioGroupPrimitive.Root, {
+    className: cn("gap-0", className),
+    ...props,
+    children: children
+  });
+}
+function RadioGroupListItem({
+  className,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn("border-b border-gray-stroke-muted py-2", className),
+    ...props
+  });
+}
+export { RadioGroup, RadioGroupItem, RadioGroupList, RadioGroupListItem, radioGroupVariants };
 //# sourceMappingURL=RadioGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","RadioGroupPrimitive","cva","cn","jsx","_jsx","INNER_DOT_SIZES","sm","md","lg","radioGroupVariants","variants","size","variant","regular","defaultVariants","RadioGroup","className","props","Root","RadioGroupItem","resolvedSize","dotSize","Item","children","Indicator","style","width","height","borderRadius"],"sourceRoot":"../../../src","sources":["components/RadioGroup.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,OAAO,KAAKC,mBAAmB,MAAM,4BAA4B;AACjE,SAASC,GAAG,QAA2B,0BAA0B;AACjE,SAASC,EAAE,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMjC,MAAMC,eAAmD,GAAG;EAC1DC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,kBAAkB,GAAGR,GAAG,CAC5B,qGAAqG,EACrG;EACES,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJL,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN,CAAC;IACDI,OAAO,EAAE;MACPC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE,IAAI;IACVC,OAAO,EAAE;EACX;AACF,CACF,CAAC;AAED,SAASG,UAAUA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqC,CAAC,EAAE;EAC1E,oBACEb,IAAA,CAACJ,mBAAmB,CAACkB,IAAI;IAACF,SAAS,EAAEd,EAAE,CAAC,OAAO,EAAEc,SAAS,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AAE9E;AAEA,SAASE,cAAcA,CAAC;EAAEH,SAAS;EAAEL,IAAI,GAAG,IAAI;EAAEC,OAAO;EAAE,GAAGK;AAA2B,CAAC,EAAE;EAC1F,MAAMG,YAAY,GAAGT,IAAI,IAAI,IAAI;EACjC,MAAMU,OAAO,GAAGhB,eAAe,CAACe,YAAY,CAAC;EAE7C,oBACEhB,IAAA,CAACJ,mBAAmB,CAACsB,IAAI;IACvBN,SAAS,EAAEd,EAAE,CAACO,kBAAkB,CAAC;MAAEE,IAAI;MAAEC;IAAQ,CAAC,CAAC,EAAEI,SAAS,CAAE;IAAA,GAC5DC,KAAK;IAAAM,QAAA,eAETnB,IAAA,CAACJ,mBAAmB,CAACwB,SAAS;MAACR,SAAS,EAAC,6BAA6B;MAAAO,QAAA,eACpEnB,IAAA,CAACL,IAAI;QACH0B,KAAK,EAAE;UAAEC,KAAK,EAAEL,OAAO;UAAEM,MAAM,EAAEN,OAAO;UAAEO,YAAY,EAAEP,OAAO,GAAG;QAAE,CAAE;QACtEL,SAAS,EAAC;MAA4B,CACvC;IAAC,CAC2B;EAAC,CACR,CAAC;AAE/B;AAEA,SAASD,UAAU,EAAEI,cAAc,EAAEV,kBAAkB","ignoreList":[]}
+{"version":3,"names":["View","RadioGroupPrimitive","cva","cn","jsx","_jsx","INNER_DOT_SIZES","sm","md","lg","radioGroupVariants","variants","size","variant","regular","defaultVariants","RadioGroup","className","props","Root","RadioGroupItem","resolvedSize","dotSize","Item","children","Indicator","style","width","height","borderRadius","RadioGroupList","RadioGroupListItem"],"sourceRoot":"../../../src","sources":["components/RadioGroup.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAwB,cAAc;AACnD,OAAO,KAAKC,mBAAmB,MAAM,4BAA4B;AACjE,SAASC,GAAG,QAA2B,0BAA0B;AAEjE,SAASC,EAAE,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMjC,MAAMC,eAAmD,GAAG;EAC1DC,EAAE,EAAE,CAAC;EACLC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE;AACN,CAAC;AAED,MAAMC,kBAAkB,GAAGR,GAAG,CAC5B,qGAAqG,EACrG;EACES,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJL,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN,CAAC;IACDI,OAAO,EAAE;MACPC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE,IAAI;IACVC,OAAO,EAAE;EACX;AACF,CACF,CAAC;AAED,SAASG,UAAUA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAqC,CAAC,EAAE;EAC1E,oBACEb,IAAA,CAACJ,mBAAmB,CAACkB,IAAI;IAACF,SAAS,EAAEd,EAAE,CAAC,OAAO,EAAEc,SAAS,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AAE9E;AAEA,SAASE,cAAcA,CAAC;EAAEH,SAAS;EAAEL,IAAI,GAAG,IAAI;EAAEC,OAAO;EAAE,GAAGK;AAA2B,CAAC,EAAE;EAC1F,MAAMG,YAAY,GAAGT,IAAI,IAAI,IAAI;EACjC,MAAMU,OAAO,GAAGhB,eAAe,CAACe,YAAY,CAAC;EAE7C,oBACEhB,IAAA,CAACJ,mBAAmB,CAACsB,IAAI;IACvBN,SAAS,EAAEd,EAAE,CAACO,kBAAkB,CAAC;MAAEE,IAAI;MAAEC;IAAQ,CAAC,CAAC,EAAEI,SAAS,CAAE;IAAA,GAC5DC,KAAK;IAAAM,QAAA,eAETnB,IAAA,CAACJ,mBAAmB,CAACwB,SAAS;MAACR,SAAS,EAAC,6BAA6B;MAAAO,QAAA,eACpEnB,IAAA,CAACL,IAAI;QACH0B,KAAK,EAAE;UAAEC,KAAK,EAAEL,OAAO;UAAEM,MAAM,EAAEN,OAAO;UAAEO,YAAY,EAAEP,OAAO,GAAG;QAAE,CAAE;QACtEL,SAAS,EAAC;MAA4B,CACvC;IAAC,CAC2B;EAAC,CACR,CAAC;AAE/B;AAOA,SAASa,cAAcA,CAAC;EAAEb,SAAS;EAAEO,QAAQ;EAAE,GAAGN;AAA2B,CAAC,EAAE;EAC9E,oBACEb,IAAA,CAACJ,mBAAmB,CAACkB,IAAI;IAACF,SAAS,EAAEd,EAAE,CAAC,OAAO,EAAEc,SAAS,CAAE;IAAA,GAAKC,KAAK;IAAAM,QAAA,EACnEA;EAAQ,CACe,CAAC;AAE/B;AAEA,SAASO,kBAAkBA,CAAC;EAAEd,SAAS;EAAE,GAAGC;AAAiB,CAAC,EAAE;EAC9D,oBACEb,IAAA,CAACL,IAAI;IACHiB,SAAS,EAAEd,EAAE,CAAC,wCAAwC,EAAEc,SAAS,CAAE;IAAA,GAC/DC;EAAK,CACV,CAAC;AAEN;AAEA,SACEF,UAAU,EACVI,cAAc,EACdU,cAAc,EACdC,kBAAkB,EAClBrB,kBAAkB","ignoreList":[]}

package/lib/module/components/SectionHeader.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { View } from "react-native";
+import { Text } from "@/components/Text";
+import { cn } from "@/lib/utils";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function SectionHeader({
+  className,
+  title,
+  subtitle,
+  trailing,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("flex-row items-center justify-between px-1", className),
+    ...props,
+    children: [/*#__PURE__*/_jsxs(View, {
+      className: "min-w-0 flex-1 gap-0",
+      children: [/*#__PURE__*/_jsx(Text, {
+        className: "text-title-xs font-semibold text-primary-foreground",
+        children: title
+      }), subtitle != null ? /*#__PURE__*/_jsx(Text, {
+        className: "text-sm font-medium leading-sm text-primary-foreground",
+        children: subtitle
+      }) : null]
+    }), trailing ? /*#__PURE__*/_jsx(View, {
+      className: "flex-row items-center gap-4",
+      children: trailing
+    }) : null]
+  });
+}
+export { SectionHeader };
+//# sourceMappingURL=SectionHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","cn","jsx","_jsx","jsxs","_jsxs","SectionHeader","className","title","subtitle","trailing","props","children"],"sourceRoot":"../../../src","sources":["components/SectionHeader.tsx"],"mappings":";;AACA,SAASA,IAAI,QAAwB,cAAc;AAEnD,SAASC,IAAI,QAAQ,mBAAmB;AAExC,SAASC,EAAE,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASjC,SAASC,aAAaA,CAAC;EACrBC,SAAS;EACTC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACe,CAAC,EAAE;EACrB,oBACEN,KAAA,CAACN,IAAI;IACHQ,SAAS,EAAEN,EAAE,CAAC,4CAA4C,EAAEM,SAAS,CAAE;IAAA,GACnEI,KAAK;IAAAC,QAAA,gBAETP,KAAA,CAACN,IAAI;MAACQ,SAAS,EAAC,sBAAsB;MAAAK,QAAA,gBACpCT,IAAA,CAACH,IAAI;QAACO,SAAS,EAAC,qDAAqD;QAAAK,QAAA,EAClEJ;MAAK,CACF,CAAC,EACNC,QAAQ,IAAI,IAAI,gBACfN,IAAA,CAACH,IAAI;QAACO,SAAS,EAAC,wDAAwD;QAAAK,QAAA,EACrEH;MAAQ,CACL,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,EACNC,QAAQ,gBACPP,IAAA,CAACJ,IAAI;MAACQ,SAAS,EAAC,6BAA6B;MAAAK,QAAA,EAAEF;IAAQ,CAAO,CAAC,GAC7D,IAAI;EAAA,CACJ,CAAC;AAEX;AAEA,SAASJ,aAAa","ignoreList":[]}

package/lib/module/components/Switch.js

@@ -6,7 +6,8 @@ import * as SwitchPrimitive from "@rn-primitives/switch";
 import Animated, { useSharedValue, useAnimatedStyle, withTiming, Easing } from "react-native-reanimated";
 import { cva } from "class-variance-authority";
 import { cn } from "@/lib/utils";
-import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useThemeColor } from "@/hooks/useThemeColor";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 const THUMB_SIZES = {
   sm: 8,
   md: 12,
@@ -17,7 +18,7 @@ const THUMB_TRANSLATE = {
   md: 15,
   lg: 19
 };
-const SWITCH_TRACK = {
+const SWITCH_DIMENSIONS = {
   sm: {
     width: 24,
     height: 16
@@ -61,10 +62,17 @@ function Switch({
   ...props
 }) {
   const resolvedSize = size ?? "md";
-  const trackSize = SWITCH_TRACK[resolvedSize];
+  const dimensions = SWITCH_DIMENSIONS[resolvedSize];
   const [internalChecked, setInternalChecked] = useState(defaultChecked ?? false);
   const isControlled = checked !== undefined;
   const isChecked = isControlled ? checked ?? false : internalChecked;
+  const trackOn = useThemeColor("primary-background-fill");
+  const trackOff = useThemeColor("surface-card");
+  const trackDisabled = useThemeColor("gray-background-soft-muted");
+  const trackBorder = useThemeColor("gray-stroke-muted");
+  const thumbOn = useThemeColor("primary-foreground-onfill");
+  const thumbOff = useThemeColor("gray-foreground-muted");
+  const thumbDisabled = useThemeColor("gray-background-fill-muted");
   const translateX = useSharedValue(isChecked ? THUMB_TRANSLATE[resolvedSize] : 2);
   useEffect(() => {
     translateX.value = withTiming(isChecked ? THUMB_TRANSLATE[resolvedSize] : 2, {
@@ -77,44 +85,50 @@ function Switch({
       translateX: translateX.value
     }]
   }));
-  const hasIcons = checkedIcon || uncheckedIcon;
+  const hasIcons = Boolean(checkedIcon || uncheckedIcon);
   const thumbSize = THUMB_SIZES[resolvedSize];
   const handleCheckedChange = nextChecked => {
     if (!isControlled) setInternalChecked(nextChecked);
     onCheckedChange?.(nextChecked);
   };
-  const trackStyle = {
-    width: trackSize.width,
-    height: trackSize.height,
-    minWidth: trackSize.width,
-    minHeight: trackSize.height,
-    borderRadius: trackSize.height / 2,
+  const trackBackgroundColor = disabled ? trackDisabled : isChecked ? trackOn : trackOff;
+  const trackBorderColor = disabled || !isChecked ? trackBorder : "transparent";
+  const thumbBackgroundColor = disabled ? thumbDisabled : hasIcons ? "transparent" : isChecked ? thumbOn : thumbOff;
+  const rootStyle = {
+    width: dimensions.width,
+    height: dimensions.height,
+    minWidth: dimensions.width,
+    minHeight: dimensions.height,
+    borderRadius: dimensions.height / 2,
     borderWidth: 2,
-    justifyContent: "center"
+    alignItems: "flex-start",
+    justifyContent: "center",
+    backgroundColor: trackBackgroundColor,
+    borderColor: trackBorderColor
   };
   return /*#__PURE__*/_jsx(SwitchPrimitive.Root, {
     checked: isChecked,
     onCheckedChange: handleCheckedChange,
     disabled: disabled,
-    style: state => [trackStyle, typeof style === "function" ? style(state) : style],
+    style: state => [rootStyle, typeof style === "function" ? style(state) : style],
     className: cn(switchVariants({
       size,
       variant
-    }), disabled ? "bg-gray-background-soft-muted border-gray-stroke-muted" : isChecked ? "bg-primary-background-fill border-primary-background-fill" : "bg-surface-card border-gray-stroke-muted", className),
+    }), className),
     ...props,
     children: /*#__PURE__*/_jsx(SwitchPrimitive.Thumb, {
       asChild: true,
       children: /*#__PURE__*/_jsx(Animated.View, {
         style: [thumbStyle, {
           width: thumbSize,
-          height: thumbSize
+          height: thumbSize,
+          borderRadius: thumbSize / 2,
+          backgroundColor: thumbBackgroundColor
         }],
-        children: /*#__PURE__*/_jsx(View, {
-          className: cn("flex-1 items-center justify-center rounded-full", disabled ? "bg-gray-background-fill-muted" : hasIcons ? "bg-transparent" : isChecked ? "bg-primary-foreground-onfill" : "bg-gray-foreground-muted"),
-          children: hasIcons ? /*#__PURE__*/_jsxs(_Fragment, {
-            children: [isChecked && checkedIcon, !isChecked && uncheckedIcon]
-          }) : null
-        })
+        children: hasIcons ? /*#__PURE__*/_jsxs(View, {
+          className: "flex-1 items-center justify-center",
+          children: [isChecked && checkedIcon, !isChecked && uncheckedIcon]
+        }) : null
       })
     })
   });