{"version":3,"sources":["../src/divider/index.native.tsx"],"names":["useTheme","jsx","View","jsxs","spacing","RNText"],"mappings":";;;;;;;;AAiBO,SAAS,OAAA,CAAQ;AAAA,EACtB,WAAA,GAAc,YAAA;AAAA,EACd,KAAA;AAAA,EACA,KAAA,GAAQ,CAAA;AAAA,EACR,KAAA;AAAA,EACA,SAAA,GAAY,CAAA;AAAA,EACZ;AACF,CAAA,EAAiB;AACf,EAAA,MAAM,EAAE,MAAA,EAAO,GAAIA,eAAA,EAAS;AAC5B,EAAA,MAAM,SAAA,GAAY,SAAS,MAAA,CAAO,MAAA;AAElC,EAAA,IAAI,gBAAgB,UAAA,EAAY;AAC9B,IAAA,uBACEC,cAAA;AAAA,MAACC,gBAAA;AAAA,MAAA;AAAA,QACC,iBAAA,EAAkB,MAAA;AAAA,QAClB,KAAA,EAAO;AAAA,UACL,SAAA,EAAW,SAAA;AAAA,UACX,KAAA,EAAO,SAAA;AAAA,UACP,eAAA,EAAiB,SAAA;AAAA,UACjB,cAAA,EAAgB,KAAA;AAAA,UAChB,GAAG;AAAA;AACL;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBACEC,eAAA;AAAA,MAACD,gBAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO;AAAA,UACL,aAAA,EAAe,KAAA;AAAA,UACf,UAAA,EAAY,QAAA;AAAA,UACZ,GAAA,EAAKE,aAAQ,CAAC,CAAA;AAAA,UACd,gBAAA,EAAkB,KAAA;AAAA,UAClB,GAAG;AAAA,SACL;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAH,cAAA,CAACC,gBAAA,EAAA,EAAK,OAAO,EAAE,IAAA,EAAM,GAAG,MAAA,EAAQ,SAAA,EAAW,eAAA,EAAiB,SAAA,EAAU,EAAG,CAAA;AAAA,UACxE,OAAO,KAAA,KAAU,QAAA,mBAChBD,cAAA,CAACI,gBAAA,EAAA,EAAO,OAAO,EAAE,KAAA,EAAO,MAAA,CAAO,SAAA,EAAW,UAAU,EAAA,EAAI,UAAA,EAAY,KAAA,EAAM,EACvE,iBACH,CAAA,GAEA,KAAA;AAAA,0BAEFJ,cAAA,CAACC,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,IAAA,EAAM,GAAG,MAAA,EAAQ,SAAA,EAAW,eAAA,EAAiB,SAAA,EAAU,EAAG;AAAA;AAAA;AAAA,KAC3E;AAAA,EAEJ;AAEA,EAAA,uBACED,cAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,MAAA,EAAQ,SAAA;AAAA,QACR,eAAA,EAAiB,SAAA;AAAA,QACjB,gBAAA,EAAkB,KAAA;AAAA,QAClB,GAAG;AAAA;AACL;AAAA,GACF;AAEJ","file":"divider.native.cjs","sourcesContent":["/**\n * Divider (native). RN View with a border.\n */\nimport type { ReactNode } from \"react\";\nimport { Text as RNText, View, type ViewStyle } from \"react-native\";\nimport { useTheme } from \"@plyxui/styles\";\nimport { spacing } from \"@plyxui/core\";\n\nexport interface DividerProps {\n  orientation?: \"horizontal\" | \"vertical\";\n  label?: ReactNode;\n  inset?: number;\n  color?: string;\n  thickness?: number;\n  style?: ViewStyle;\n}\n\nexport function Divider({\n  orientation = \"horizontal\",\n  label,\n  inset = 0,\n  color,\n  thickness = 1,\n  style,\n}: DividerProps) {\n  const { colors } = useTheme();\n  const lineColor = color ?? colors.stroke;\n\n  if (orientation === \"vertical\") {\n    return (\n      <View\n        accessibilityRole=\"none\"\n        style={{\n          alignSelf: \"stretch\",\n          width: thickness,\n          backgroundColor: lineColor,\n          marginVertical: inset,\n          ...style,\n        }}\n      />\n    );\n  }\n\n  if (label) {\n    return (\n      <View\n        style={{\n          flexDirection: \"row\",\n          alignItems: \"center\",\n          gap: spacing[3],\n          marginHorizontal: inset,\n          ...style,\n        }}\n      >\n        <View style={{ flex: 1, height: thickness, backgroundColor: lineColor }} />\n        {typeof label === \"string\" ? (\n          <RNText style={{ color: colors.textMuted, fontSize: 12, fontWeight: \"500\" }}>\n            {label}\n          </RNText>\n        ) : (\n          label\n        )}\n        <View style={{ flex: 1, height: thickness, backgroundColor: lineColor }} />\n      </View>\n    );\n  }\n\n  return (\n    <View\n      style={{\n        height: thickness,\n        backgroundColor: lineColor,\n        marginHorizontal: inset,\n        ...style,\n      }}\n    />\n  );\n}\n"]}